+ La conectividad con la que cuenta, así como la velocidad.
+ Servidores.
+ si ya cuenta con página web
+ si se desea utilizar bases de datos para el sistema y que información utilizará.
- Documentar las entrevistas, cuestionarios y toda información útil para que el diseño sea más fácil de realizar la información a cerca del proyecto esté disponible y para futuras contingencias en cuanto a una reingeniería o ajuste a la aplicación.
- Interactuar con los usuarios para conocer mejor los procesos.
- Dejar que los usuarios participen dentro del proceso de análisis del sistema, ya que ellos pueden aportar grandes ideas debido a su interacción con la realidad, la presencia del usuario es relevante para que nuestro sistema se adapte bien a las situaciones cotidianas que se susciten.
Recordemos el análisis bien formulado y estructurado nos dará muchas satisfacciones dentro de un proyecto, ya que este será el cimiento para una estructura informática poderosa como es un sistema dentro de la supercarretera de la información.
Capítulo 2.
Diseño de interfases
Ahora entremos a esta etapa en la cual es donde todo lo que se ha analizado será aterrizado a la realidad. Para ello debemos tomar en cuenta los puntos expuestos dentro del análisis, pues dentro de esta etapa debemos realizar:
- Boceto de las pantallas así como la secuencia de flujo con la que se desplegarán según las opciones que se integren al sistema.
- El código fuente de cada programa realizado para el sistema, incluyendo nombre de archivo, función que realiza, autor y fecha de creación.
- Diccionario de datos, donde se incluya la descripción de cada estructura de las tablas o bases de datos que interactuarán con el sistema. Debe llevar, nombre del archivo, fecha de creación, nombre de campo, tipo de campo, longitud del campo, relaciones con otras bases de datos y nombrar los campos clave.
- Si la aplicación va a tener interacciones con otros sistemas.
- Opcionalmente podemos
recurrir a cualquiera de los dos tipos de diseño estructurado o de prototipos
utilizados para el diseño de cualquier tipo de sistema. Generalmente en
este tipo de sistemas es bien socorrido el diseño por prototipos ya que
en ocasiones se requiere que los proyectos se realicen rápidamente y esto
nos sirve como una herramienta útil para ello.
Recordemos que el diseño por prototipo de aplicaciones, es en el cual las evaluaciones para el sistema se realizar mediante una aplicación creada con anticipación y con ella se realizara la evaluación para ver si el sistema nuevo se puede implementar o requiere de mejoras y ajustes de acuerdo a las necesidades de la organización - Documentar todo debidamente.
- Someter a evaluación en juntas con las partes interesadas en el proyecto.
Tomemos en cuenta que en esta parte de este proceso es también importante la participación del usuario ya que recordemos que toda pantalla que realicemos debe ser funcional y amigable, ellos son los que nos proporcionarán las ideas para realizar un diseño con características amigables y además de ello que sean útiles y aplicables para proyectos posteriores.
Además de ello en este diseño hay que tener más en cuenta las combinaciones de colores, normatividad y políticas de la organización, recordemos que el principal objetivo de un sistema web es que llegue a la gente o usuarios de Internet y claro vender. Esto es primordial ya que de ello depende el éxito tanto de la página como del sistema web que se va a implementar.
Debemos ver también de no saturar la pantalla con información innecesaria, tomar en cuenta fuentes, tamaños de la misa color, para que estas sean también aptas para que sean reconocidas por software para personas con problemas de debilidad visual, por lo que también debemos no abusar mucho de los diseños en programas de animación. Seamos cuidadosos también en el manejo de la información verificando la capacidad del servidor, si es posible implementar el proyecto en el, si no hay que hacer la observación para que se actualice el equipo, para que al momento de implementar no tengamos que detener el proyecto por esta causa.
Capítulo 3.
Selección de lenguaje y desarrollo de la aplicación
Una vez superada la etapa de diseño y que haya sido evaluada, procederemos a realizar la selección de la plataforma o lenguaje de programación en la que va a ser desarrollada la aplicación.
Para seleccionar la plataforma para el desarrollo de la aplicación debemos tomar en cuenta las funciones que se vana realizar, equipo con el que contamos, sistema operativo, conectividad con la que se cuenta, plataformas de datos con las que cuentan los sistemas actuales ( en el dado caso que la aplicación vaya a interactuar con otros sistemas), tomar en cuenta las bondades que ofrece el lenguaje de programación, en cuanto a manejo de datos, capacidad de ejecución de los programas, recordemos que estos lenguajes con ejecuciones de lado del servidor por lo que debemos tomar en cuenta el tiempo de respuesta para los usuarios, recordemos que en estos programas importa mucho la rapidez con la que realicemos un procesos, pues como bien se ha comentado atrás son aplicaciones diseñadas para tener mejores condiciones de mercadotecnia; aplicaciones para diseño de páginas web; en la actualidad hay muchas herramientas visuales que nos ayudan a la tarea de diseñar las páginas sin necesidad de escribir el código HTML, XML, SHTML. En cuanto a lenguajes de programación para aplicaciones web hay también varios lenguajes, algunos muy conocidos como PERL, PHP, VBScript, C#, Java, que nos ayudan a estas tareas, son flexibles e interactúan con lenguajes como HTML para generar salida de datos y darle el formato deseado y pueda ser visible al usuario, tienen la gran ventaja que son lenguajes muy ligeros al ejecutarse procesar información por lo que nos brindan grandes ventajas para este tipo de aplicaciones, así como el software para el servicio web, los hay nativos como es el IIS (Internet Information Service de Microsoft), Apache Web Server que puede obtenerse de la página web de la empresa del mismo nombre o bien hay sistemas operativos que ya lo incluyen dentro de sus funciones.
Después de configurar y tener todo listo, procedemos al desarrollo de la aplicación, la cual se realizará de acuerdo a los procedimientos y condiciones establecidas en la etapa de diseño, cada programa debemos poner, autor, nombre del programa, fecha en la que se realizó y la función del programa.
Recordemos que es bueno no abusar de imágenes y animaciones, esto puede hacer pesada nuestra aplicación y además si queremos llegar a personas con capacidades diferentes como los débiles visuales el no abusar de ello ayuda a sus software de voz para manejar el equipo de cómputo.
Debemos tener en cuenta que dentro del servidor web debemos tener bien organizada la carpeta contenedora ya que es una sola carpeta contenedora para el servicio web dentro de esta tendremos muchas cosas que servir a los usuarios, por lo que debemos destinar una carpeta para nuestra aplicación.
Al realizar esta fase también debemos someter a una evaluación el desarrollo para ver si requieren ajustes o bien van quedando correctos los programas.
Claro que hay que tener en cuenta que debemos tener personal capacitado con el lenguaje o bien capacitar al personal encargado del desarrollo de la aplicación en el lenguaje de programación seleccionado, esto con el fin de garantizar el desarrollo de las aplicaciones web de una manera profesional.
Capítulo 4.
Implementación
En esta fase procederemos a poner en función nuestra aplicación para ello podemos recurrir a las técnicas de implementación que conocemos como:
La implementación directa: es decir se va a proceder a trabajar directamente con la aplicación, ya sea porque no existe aplicación alguna o bien se sustituye directamente la anterior por el nuevo sistema y en la práctica se evaluará para mejoras y ajustes a la aplicación .
Implementación en paralelo: En esta se van a trabajar con las dos aplicaciones, la nueva y la anterior, comparando resultados para ir evaluando la nueva y revisar que esté correcta o bien requiera de mejoras.
En la actualidad en este tipo de sistemas se recurre más a la implementación directa ya que regularmente se recurren a aplicaciones diseñadas a innovar, para que la relación entre la aplicación y el usuario final sea amigable, es decir que el usuario se sienta cómodo con la aplicación y fácil de utilizar.
Cuando se va a implementar un sistema integral como ejemplo de ello de administración, contabilidad, sistemas de seguimiento educativo, con los cuales ya se contaba con un sistema anterior es recomendable utilizar la implementación en paralelo, ya que esto permite que la nueva aplicación se vaya ajustando para que sea confiable y robusta.
Debemos establecer también políticas para cualquier cambio o ajuste que requiera la aplicación, es decir, un formato de requerimientos para cambios, así como ir documentando cada cambio que se realice, errores y resultados obtenidos con el nuevo sistema.
Aunque el trabajo no termina ahí pues debemos estar en una constante supervisión de la aplicación para asegurar el éxito de la misma.
Capítulo 5.
Mantenimiento
Al implementar una aplicación web, hablemos desde una página hasta una aplicación administrativa o de la índole que sea, debemos tener en cuenta que debemos tener cuidados tanto con la aplicación, el servidor donde se hospedan las aplicaciones, por lo que debemos considerar actividades que se deben realizar para mantener el sistema en óptimo funcionamiento:
Depuración de archivos basura: eliminar de nuestro servidor periódicamente archivos temporales, archivos que ya no se utilicen, aplicaciones innecesarias, utilizar los optimizadotes de espacio para asegurar un servidor funcional y sin problemas de software.
Respaldos: realizar periódicamente respaldos de la aplicación y bases de datos cuando se va a someter a mantenimiento el equipo, se realizan ajustes o cambios a la aplicación, se realice la sustitución de la misma por una nueva, es importante para cualquier contingencia tener siempre un respaldo de las aplicaciones web que se manejen, que no sean muy alejadas procurar hacerlo por lo menos una vez por semana.
Mantenimiento preventivo: recordemos de realizar la limpieza del servidor periódicamente, que se encuentre libre de polvo para evitar malfuncionamiento del equipo por falta de limpieza, realizar esto al menos cada 2 meses para mantener el equipo en excelentes condiciones.
Formatos para modificaciones al sistema: realizar un formato con el cual se tenga un registro de los cambios que se realizarán a la aplicación, de preferencia en donde se haga referencia a que proceso se va a modificar y porqué, es importante la justificación para someter esta a una evaluación de viabilidad para dicho ajuste y una bitácora donde se anote los cambios que se realizaron con fecha, proceso que se modifica y describir el proceso que se modificó.
Revisar constantemente las condiciones de instalación eléctrica y mantener el equipo en una temperatura ambiente, ya que estos factores pueden acarrearnos serios problemas con el equipo para nuestra aplicación.
Las actividades como depuración de archivos, mantenimiento y respaldos recaen sobre el administrador de servidor o webmaster, mientras que para la instalación eléctrica y climas se pueden recurrir a instancias externas a los departamentos de informática.
Capítulo 6.
Estándares y Documentación para la aplicación
Principal objetivo de esto es lograr:
- Estandarizar los procedimientos de desarrollo y realización de la documentación de las aplicaciones web.
- Establecer métodos de comunicación con las demás áreas que participan en el desarrollo de las aplicaciones que se desean.
- Motivar al personal de forma ordenada, metódica y disciplinada.
- Establecer procedimientos de revisión y aprobación de los resultados obtenidos en cada fase de desarrollo de la aplicación.
- Establecer una forma estándar al desarrollar los programas que se realizarán, por ejemplo, como nombrar variables, organización de código, de archivos, etc..
Por lo que dentro de la documentación de soporte debemos incluir:
- Narración del análisis previo.
- Diseño de pantallas.
- Descripciones de las entradas y salidas
- Los programas desarrollados.
- Manual de Usuario.
Los documentos deben ser referenciados con el nombre del proyecto que conforma la aplicación.
Caso Práctico
Entraremos a realizar un proyecto para poner en práctica la teoría expuesta en las páginas anteriores, para ello pondremos el caso práctico de una aplicación web en donde se tenga la plantilla de empleados del Instituto Estatal de Educación para Adultos en el Estado de Coahuila, México.
Análisis.
Se solicitó a la subdirección de informática por parte de la Dirección General una entrevista para solicitar se apoye con el desarrollo de una aplicación web en donde se muestre los datos de los empleados que trabajan dentro del instituto, además de esto dentro de se debe poder realizar, altas, bajas, cambios de la información, la idea central de esto es tener la información en el servidor web, para que solo para el Director General, Director de Administración, Subdirector de Personal y la persona encargada de alimentar el sistema, piden cuente una autentificación de usuario y contraseña para que solo sea accesado de ésta manera el sistema. El objetivo de esta aplicación es la de tener un manera rápida de consultar los datos del empleado para analizar su situación dentro del instituto, es decir si solicita aumento de sueldo, si solicita cambios de adscripción, reportes; se pretende tener un control en la información, conformar una ficha técnica electrónica con la información de los empleados, ya que no se cuenta un controlo y lo importante que pueda acceder a este desde cualquier parte donde estas figuras de alta dirección se encuentren. Se debe tomar en cuenta que existe una aplicación de este tipo que se opera en mono usuario y se debe utilizar esta información dentro de esta aplicación.
Nota: en este caso práctico se desarrollará una aplicación para sustituir una anterior.
Se procedió a realizar una entrevista con el Subdirector de Personal para detalles de la información necesaria para poder realizar el sistema, así como el acceso a la información dentro del sistema previo por lo que la información recabada dentro de este departamento fue:
- Se cuenta con un sistema previo con el que llevan una ficha técnica del personal del Instituto Estatal de Educación para Adultos de Coahuila.
- Los requerimientos de los datos serán en base a las estructuras de datos con que cuenta el sistema que opera actualmente.
- Debe contar con autentificación de usuario y contraseña para que no sea accesado el sistema fácilmente como el que opera actualmente.
- El sistema debe realizar Altas, Cambios, Bajas y Consultas de los empleados.
- Debe la aplicación desarrollada debe sustituir al sistema que opera actualmente.
- Al igual que en el sistema anterior la información debe ser desplegada acompañada por la fotografía del empleado.
Ahora procederemos a ver los datos con los que cuenta el sistema que opera actualmente y dentro de él se encuentra que:
- El sistema cuenta con módulos de Altas, bajas, cambios y consultas.
- Cuenta con dos catálogos, uno de adscripciones que es donde se engloban las áreas mayores como las direcciones y las coordinaciones regionales. Otro donde se tienen Subdirecciones, departamentos y coordinaciones que son las áreas que siguen.
- Cuenta con datos generales del empleado que son: Nombre completo, domicilio, colonia, código postal, ciudad y Estado de residencia, nombre y teléfono de un familiar directo.
- Dentro de los datos nominales del empleado se encuentran: Adscripción, departamento, Descripción del puesto, sueldo ganado por los rubros, INEA, Patronato, honorarios, burócrata, así como su total por sueldo quincenal y mensual.
- No cuenta con seguridad por usuario y contraseña.
- El sistema esta diseñado con Visual Fox Pro de Microsoft por lo que sus bases de datos son tablas DBF formato que maneja dicho software.
Ahora un a análisis de hardware y software para el servicio web:
- El instituto cuenta con Enlace E1 de 1 Mbps de velocidad y Firewall para protección de la red.
- Servidor IBM con dos Procesadores de 700 Mhz y 1 GB de Memoria RAM, Windows 2000 server de Microsoft.
- El software de servicio para servidor web es Internet Information Service que viene instalado con el sistema operativo Windows 2000 server de Microsoft.
- Previamente tiene instalado el lenguaje de programación PHP ver 5.0
Nota importante: Recurrir a la documentación previa del sistema que opera actualmente para revisar procesos, diccionarios de datos y demás información necesaria.
Aquí termina el análisis de requerimientos por lo que se procederá a la fase de diseño.
Selección de lenguaje de programación y Diseño.
En cuanto al lenguaje de programación esta aplicación será desarrollada en el lenguaje PHP ver 5.0, previamente instalado en el servidor, porque es un lenguaje para desarrollar aplicaciones de lado del servidor, además puede manejar datos en varias plataformas de datos, dentro de las cuales se encuentran Microsoft Access que es en la cual se va a transportar la información del sistema actual al nuevo ya que es mucho más fácil manipular los datos con este paquete que con la tradicional DBF.
Se recurrió a la documentación del sistema anterior para poder revisar procesos, gracias a esta documentación es posible realizar más fácilmente el trabajo para el diseño.
|
El modelo se acopla bien a las necesidades los procedimientos están bien establecidos. Por lo que el significado de estos diagramas es:
La aplicación contará con un formulario para Altas donde se capturen los datos generales y nominales del empleado, el cual se alimentará de los catálogos para poder obtener las adscripciones y departamentos. Para Cambios se tendrá otro formulario y se recurrirá a las tablas de los catálogos para complementar la información necesaria de datos nominales y se extraerá la información para modificarla, Bajas de los empleados se realizar un formulario para poder realizar esta actividad, las consultas se realizarán desde un formulario para consultar por nombre completo, todos estos estarán activos en un formulario que se llamará menú principal para poder llamarlos.
Diseño de Archivos.
Recurriendo a los diccionarios de datos antes establecidos podemos ver que hay un problema con el manejo de fechas con PHP, por lo que las fechas se tienen que desglosar en un campo para el día, uno para el mes y uno para el año, es el único cambio que presentará las estructuras de datos por lo que quedarán diseñadas de la siguiente manera en el manejador de datos Microsoft Access.
Así de esta manera estará conformadas las tablas que formarán el archivo de MS-Access de Base de Datos que se llamará Personal.MDB.
Ahora que ya tenemos listo el diseño de las bases de datos, se debe realizar el bosquejo de las pantallas para el sistema web, como se muestra a continuación, mostraremos algunas:
Pantalla de acceso al sistema
Pantalla de Menú
Pantalla de consulta de un empleado
Pantalla de para agregar nuevo empleado.
A continuación se documentarán los códigos fuente de los programas para cada pantalla del sistema web.
Acceso al Sistema
Archivo Iniciar.htm
Fecha de Creación: 25/06/2008
Autor: Jesús H. Martínez Obregón.
Función: Mostrar la Pantalla para pedir Usuario y contraseña de Acceso al sistema
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>INSTITUTO ESTATAL DE EDUCACION PARA ADULTOS--Coahuila de Zaragoza--</TITLE>
<font face="Arial" size=2>
<table width="665" border="0" align=center>
<tr>
<td align="right">
<font face="Arial" size=2>
<strong>
<script language="VBScript">
<!--
d=weekday(date)
if d = 1 then
today="Domingo"
elseif d = 2 then
today="Lunes"
elseif d = 3 then
today="Martes"
elseif d = 4 then
today="Miercoles"
elseif d = 5 then
today="Jueves"
elseif d = 6 then
today="Viernes"
elseif d = 7 then
today="Sábado"
end if
m=month(date)
if m=1 then
mon="Enero"
elseif m=2 then
mon="Febrero"
elseif m=3 then
mon="Marzo"
elseif m=4 then
mon="Abril"
elseif m=5 then
mon="Mayo"
elseif m=6 then
mon="Junio"
elseif m=7 then
mon="Julio"
elseif m=8 then
mon="Agosto"
elseif m=9 then
mon="Septiembre"
elseif m=10 then
mon="Octubre"
elseif m=11 then
mon="Noviembre"
elseif m=12 then
mon="Diciembre"
end if
Document.Write "Saltillo,Coah.," & today & " " & " de" & " " & day(now) & " " & mon & " " & "de" & " " & year(date)
-->
</script>
</strong>
</font>
</td>
</tr>
</table>
</Font>
</HEAD>
<BODY bgcolor="#FFFFFF">
<center>
<BODY bgcolor="#FFFFFF">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<!--INSTITUTO ESTATAL DE EDUCACION PARA ADULTOSPor un Coahuila sin Rezago Educativo--><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="685" HEIGHT="120" id="cabecera" ALIGN="top">
<PARAM NAME=movie VALUE="cabecera.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=exactfit> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="cabecera.swf" quality=high scale=exactfit bgcolor=#FFFFFF WIDTH="550" HEIGHT="105" NAME="cabecera" ALIGN="top"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
<table width="665" cellspacing=0 border="1" cellpaddig=0 align="CENTER">
<td>
<fieldset>
<font face="Arial" size=2><strong><center>.:Plantilla de Personal---->Inicio de Sesión:.</center></strong></font>
</fieldset>
<br>
<font face="Arial" size=2>
<form method="post" action="Login.php">
<table width="200" cellspacing=0 border=0 cellpaddig=0 align="CENTER">
<tr><td align="right">Usuario:</td><td><Input name="usr" size=25></td></tr>
<tr><td Align="right">Clave:</td><td><input name="pwd" type=password size=25></td></tr>
</tr>
</table>
<center><input type=submit value="Ingresar"> </center>
</form>
</font>
</td>
<!--FIN PARTE CENTRAL-->
</tr>
</table>
<table width="665" cellspacing=0 border=1 cellpaddig=0 align="CENTER" bgcolor="#8C8c8c">
<td align="CENTER">
<center>
<font face="Arial" size=1 color="white"> Torreón 1479, Colonia República Oriente C.P. 25280<br>Saltillo,Coah., México.
<br>Elaboró:Jesús Humberto Martínez Obregón<br>Soporte Técnico IEEA <br> Marzo de 2008.</font>
</center>
</td>
</table>
</body>
</html>
Pantalla de Bienvenida:
Archivo: Login.php
Fecha de Creación: 20/06/2008
Autor: Jesús Humberto Martínez Obregón
Función: Validar Usuario para Acceso a sistema y emitir una bienvenida al usuario.
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>INSTITUTO ESTATAL DE EDUCACION PARA ADULTOS--Coahuila de Zaragoza--</TITLE>
<font face="Arial" size=2>
<table width="665" border="0" align=center>
<tr>
<td align="right">
<font face="Arial" size=2>
<strong>
<script language="VBScript">
<!--
d=weekday(date)
if d = 1 then
today="Domingo"
elseif d = 2 then
today="Lunes"
elseif d = 3 then
today="Martes"
elseif d = 4 then
today="Miercoles"
elseif d = 5 then
today="Jueves"
elseif d = 6 then
today="Viernes"
elseif d = 7 then
today="Sábado"
end if
m=month(date)
if m=1 then
mon="Enero"
elseif m=2 then
mon="Febrero"
elseif m=3 then
mon="Marzo"
elseif m=4 then
mon="Abril"
elseif m=5 then
mon="Mayo"
elseif m=6 then
mon="Junio"
elseif m=7 then
mon="Julio"
elseif m=8 then
mon="Agosto"
elseif m=9 then
mon="Septiembre"
elseif m=10 then
mon="Octubre"
elseif m=11 then
mon="Noviembre"
elseif m=12 then
mon="Diciembre"
end if
Document.Write "Saltillo,Coah.," & today & " " & " de" & " " & day(now) & " " & mon & " " & "de" & " " & year(date)
-->
</script>
</strong>
</font>
</td>
</tr>
</table>
</Font>
</HEAD>
<BODY bgcolor="#FFFFFF">
<center>
<BODY bgcolor="#FFFFFF">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<!--INSTITUTO ESTATAL DE EDUCACION PARA ADULTOSPor un Coahuila sin Rezago Educativo--><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="685" HEIGHT="120" id="cabecera" ALIGN="top">
<PARAM NAME=movie VALUE="cabecera.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=exactfit> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="cabecera.swf" quality=high scale=exactfit bgcolor=#FFFFFF WIDTH="550" HEIGHT="105" NAME="cabecera" ALIGN="top"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
<form method="POST" action="empleado.php">
<table width="665" cellspacing=0 border="1" cellpaddig=0 align="CENTER">
<td>
<fieldset>
<font face="Arial" size=2><strong><center>.:Plantilla de Personal---->Validación:.</center></strong></font>
</fieldset>
<br>
<?php
echo "<br><center>Revisando Usuario</center>";
//conectar la base de datos
$conex=odbc_connect("personal","usr"," ") or die('No se realizó Conexión');
$usr = $_POST['usr'];
$pwd = $_POST['pwd'];
$cons="SELECT * from catusr where usuario='$usr' and clave='$pwd'";
$rst=odbc_exec($conex, $cons);
$num_cols=odbc_num_fields($rst);
$num_fila=0;
//verificar campos
While(odbc_fetch_row($rst)) {
$num_fila++;
}
//fin de campos
if ($num_fila==0)
echo"<center>Usuario no Registrado<br> Contacte al administrador de sistema<br>para registrarse<center>";
else
{
echo "<center><strong>Bienvenido.....</strong></center><br>";
echo "<center>Usuario <input name='usr1' value='".$usr."' style='border:1' readonly> </center>";
echo "<br><center><input type='submit' value='Continuar'></center><br>";
}
odbc_free_result($rst);
odbc_close($conex);
?>
</font>
</td>
<!--FIN PARTE CENTRAL-->
</tr>
</table>
<table width="665" cellspacing=0 border=1 cellpaddig=0 align="CENTER" bgcolor="#8C8c8c">
<td align="CENTER">
<center>
<font face="Arial" size=1 color="white"> Torreón 1479, Colonia República Oriente C.P. 25280<br>Saltillo,Coah., México.
<br>Elaboró:Jesús Humberto Martínez Obregón<br>Soporte Técnico IEEA <br> Marzo de 2008.</font>
</center>
</td>
</table>
</body>
</html>
Menú de Opciones
Archivo: Empleado.php
Fecha de creación: 20/06/2008
Autor: Jesús H. Martínez
Función: Desplegar cuadro de texto para consulta y menú de opciones.
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>INSTITUTO ESTATAL DE EDUCACION PARA ADULTOS--Coahuila de Zaragoza--</TITLE>
<font face="Arial" size=2>
<table width="665" border="0" align=center>
<tr>
<td align="right">
<font face="Arial" size=2>
<strong>
<script language="VBScript">
<!--
d=weekday(date)
if d = 1 then
today="Domingo"
elseif d = 2 then
today="Lunes"
elseif d = 3 then
today="Martes"
elseif d = 4 then
today="Miercoles"
elseif d = 5 then
today="Jueves"
elseif d = 6 then
today="Viernes"
elseif d = 7 then
today="Sábado"
end if
m=month(date)
if m=1 then
mon="Enero"
elseif m=2 then
mon="Febrero"
elseif m=3 then
mon="Marzo"
elseif m=4 then
mon="Abril"
elseif m=5 then
mon="Mayo"
elseif m=6 then
mon="Junio"
elseif m=7 then
mon="Julio"
elseif m=8 then
mon="Agosto"
elseif m=9 then
mon="Septiembre"
elseif m=10 then
mon="Octubre"
elseif m=11 then
mon="Noviembre"
elseif m=12 then
mon="Diciembre"
end if
Document.Write "Saltillo,Coah.," & today & " " & " de" & " " & day(now) & " " & mon & " " & "de" & " " & year(date)
-->
</script>
</strong>
</font>
</td>
</tr>
</table>
</Font>
</HEAD>
<BODY bgcolor="#FFFFFF">
<center>
<BODY bgcolor="#FFFFFF">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<!--INSTITUTO ESTATAL DE EDUCACION PARA ADULTOSPor un Coahuila sin Rezago Educativo--><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="685" HEIGHT="120" id="cabecera" ALIGN="top">
<PARAM NAME=movie VALUE="cabecera.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=exactfit> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="cabecera.swf" quality=high scale=exactfit bgcolor=#FFFFFF WIDTH="550" HEIGHT="105" NAME="cabecera" ALIGN="top"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
<table width="665" cellspacing=0 border="1" cellpaddig=0 align="CENTER">
<td>
<fieldset>
<font face="Arial" size=2><strong><center>.:Plantilla de Personal---->SISTEMA:.</center></strong></font>
</fieldset>
<br>
<font face="Arial" size=2>
<form method="POST" action="sistema.php">
<table width="400" cellspacing=0 border=0 cellpaddig=0 align="CENTER">
<?php
include('valida.php');
echo "<tr><td><font size=3><strong>Usuario:</strong></font></td><td><font size=2><input name='usr1' size=20 value='".$usrv."' style='border:1' readonly></font></td></tr>";
echo "<tr><td><font size=3><strong>Empleado:</strong></font></td><td> <input name='nlargo' size=45></td></tr> <br>";
echo "<tr><td><font size=3><strong>¿Qué desea realizar?</strong></td><td>";
echo "<Select name='opcion'>";
echo "<option value='1'>Consultar Plantilla";
echo "<option value='2'>Agregar Empleado";
echo "<option value='3'>Modificar Datos de Empleado";
echo "<option value='4'>Eliminar Empleado";
echo "<option value='5'>Contactános";
echo "</Select></center></td></tr>";
echo "<br>";
?>
</tr>
</table>
<center><input type=submit value="Ejecutar"> </center><br><br>
<a href="iniciar.htm" style="color:black"><font face="Arial" size=2><strong><center>Finalizar Sesión</center></strong></font></a>
</font>
</td>
<!--FIN PARTE CENTRAL-->
</tr>
</table>
<table width="665" cellspacing=0 border=1 cellpaddig=0 align="CENTER" bgcolor="#8C8c8c">
<td align="CENTER">
<center>
<font face="Arial" size=1 color="white"> Torreón 1479, Colonia República Oriente C.P. 25280<br>Saltillo,Coah., México.
<br>Elaboró:Jesús Humberto Martínez Obregón<br>Soporte Técnico IEEA <br> Marzo de 2008.</font>
</center>
</td>
</table>
</body>
</html>
Pantalla de Salida para los scripts de las funciones del sistema.
Archivo: Sistema.php
Fecha de creación:20/06/2008
Autor: Jesús H. Martínez
Función: Programa para la ejecución y salida a pantalla para las funciones del sistema.
<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>INSTITUTO ESTATAL DE EDUCACION PARA ADULTOS--Coahuila de Zaragoza--</TITLE>
<font face="Arial" size=2>
<table width="665" border="0" align=center>
<tr>
<td align="right">
<font face="Arial" size=2>
<strong>
<script language="VBScript">
<!--
d=weekday(date)
if d = 1 then
today="Domingo"
elseif d = 2 then
today="Lunes"
elseif d = 3 then
today="Martes"
elseif d = 4 then
today="Miercoles"
elseif d = 5 then
today="Jueves"
elseif d = 6 then
today="Viernes"
elseif d = 7 then
today="Sábado"
end if
m=month(date)
if m=1 then
mon="Enero"
elseif m=2 then
mon="Febrero"
elseif m=3 then
mon="Marzo"
elseif m=4 then
mon="Abril"
elseif m=5 then
mon="Mayo"
elseif m=6 then
mon="Junio"
elseif m=7 then
mon="Julio"
elseif m=8 then
mon="Agosto"
elseif m=9 then
mon="Septiembre"
elseif m=10 then
mon="Octubre"
elseif m=11 then
mon="Noviembre"
elseif m=12 then
mon="Diciembre"
end if
Document.Write "Saltillo,Coah.," & today & " " & " de" & " " & day(now) & " " & mon & " " & "de" & " " & year(date)
-->
</script>
</strong>
</font>
</td>
</tr>
</table>
</Font>
</HEAD>
<BODY bgcolor="#FFFFFF">
<center>
<BODY bgcolor="#FFFFFF">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<!--INSTITUTO ESTATAL DE EDUCACION PARA ADULTOSPor un Coahuila sin Rezago Educativo--><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="685" HEIGHT="120" id="cabecera" ALIGN="top">
<PARAM NAME=movie VALUE="cabecera.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=exactfit> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="cabecera.swf" quality=high scale=exactfit bgcolor=#FFFFFF WIDTH="550" HEIGHT="105" NAME="cabecera" ALIGN="top"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
<table width="665" cellspacing=0 border="1" cellpaddig=0 align="CENTER">
<td>
<fieldset>
<font face="Arial" size=2><strong><center>.:Plantilla de Personal---->SISTEMA:.</center></strong></font>
</fieldset>
<br>
<form method="POST" action="empleado.php">
<font face="Arial" size=2>
<table border =1 width="1200" cellspacing=0 border=0 cellpaddig=0 align="CENTER">
<?php
include('valida.php');
$nom = $_POST['nlargo'];
$mnuop = $_POST['opcion'];
echo "<strong>Usuario:</strong> <input name='usr1' size=20 value='".$usrv."' style='border:1' readonly>";
switch ($mnuop)
//inicio de opciones
{
case 1:
include('consulta.php');
break;
case 2:
include('agregar.php');
break;
case 3:
include('modificar.php');
break;
case 4:
include('elimina.php');
break;
case 5:
include('contacto.php');
break;
}
?>
</tr>
</table>
<center><input type=submit value='Regresar'></center>
</font>
</td>
<!--FIN PARTE CENTRAL-->
</tr>
</table>
<table width="665" cellspacing=0 border=1 cellpaddig=0 align="CENTER" bgcolor="#8C8c8c">
<td align="CENTER">
<center>
<font face="Arial" size=1 color="white"> Torreón 1479, Colonia República Oriente C.P. 25280<br>Saltillo,Coah., México.
<br>Elaboró:Jesús Humberto Martínez Obregón<br>Soporte Técnico IEEA <br> Marzo de 2008.</font>
</center>
</td>
</table>
</body>
</html>
Validador de Usuarios:
Archivo: Valida.php
Fecha de Creación:21/06/2008
Función: Validar la existencia del usuario del sistema.
<?php
//conectar la base de datos
$conex=odbc_connect("personal","usr"," ") or die('No se realizó Conexión');
$usrv = $_POST['usr1'];
$cons="SELECT * from catusr where usuario='$usrv'";
$rst=odbc_exec($conex, $cons);
$num_cols=odbc_num_fields($rst);
$num_fila=0;
//verificar campos
While(odbc_fetch_row($rst)) {
$num_fila++;
}
//fin de campos
if ($num_fila==0){
echo "<center><strong>Usuario no Registrado<br> Contacte al administrador de sistema</strong><center>";
}
else
{
}
odbc_free_result($rst);
odbc_close($conex); ?>
Rutina para consulta de Empleados
Archivo: Consulta.Php
Fecha de Creación: 23/06/2008
Autor: Jesús H. Martínez
Función: Realizar Consulta a Base de Datos de los empleados
<?php
//conectar la base de datos
$conex=odbc_connect("personal","usr"," ") or die('No se realizó Conexión');
$nom = strtoupper($_POST['nlargo']);
$cons="SELECT * from bdplant where nomlargo like '%$nom%' order by nomlargo";
$rst=odbc_do($conex, $cons);
$num_cols=odbc_num_fields($rst);
$num_fila=0;
//verificar campos
While(odbc_fetch_row($rst)) {
$num_fila++;
echo "<tr>";
for ($i=1; $i <= $num_cols; $i++){
//echo "<td bgcolor='#99CC32'><font size=1><strong>";
//echo odbc_field_name($rst,$i);
//echo "</strong></font></td>";
//echo "<td aling='center' bgcolor='yellow'><font size=1>";
if (odbc_result($rst, $i))
//echo odbc_result($rst, $i);
$curp=odbc_result($rst, 1);
$nom=odbc_result($rst, 3);
$dnac=odbc_result($rst,4);
$mnac=odbc_result($rst,5);
$ynac=odbc_result($rst,6);
$ding=odbc_result($rst,7);
$ming=odbc_result($rst,8);
$ying=odbc_result($rst,9);
$dom=odbc_result($rst,10);
$col=odbc_result($rst,11);
$cp=odbc_result($rst,12);
$ciu=odbc_result($rst,13);
$edo=odbc_result($rst,14);
$fam=odbc_result($rst,15);
$telf=odbc_result($rst,16);
echo "</font></td>";
// fin for
$con=$i;
}
echo "<th bgcolor='#99CC32'><font size=1><strong>Curp</strong></font></th>";
echo "<th bgcolor='#99CC32'><font size=1><strong>Nombre</strong></font></th> ";
echo "<th bgcolor='#99CC32'><font size=1><strong>Domicilio</strong></font></th> ";
echo "<th bgcolor='#99CC32'><font size=1><strong>Colonia</strong></font></th> ";
echo "<th bgcolor='#99CC32'><font size=1><strong>C.Postal</strong></font></th> ";
echo "<th bgcolor='#99CC32'><font size=1><strong>Ciudad</strong></font></th> ";
echo "<th bgcolor='#99CC32'><font size=1><strong>Estado</strong></font></th>";
echo " <th bgcolor='#99CC32'><font size=1><strong>Fecha Nacimiento</strong></font></th> ";
echo " <th bgcolor='#99CC32'><font size=1><strong>Fecha Ingreso</strong></font></th> ";
echo " <th bgcolor='#99CC32'><font size=1><strong>Familiar Directo</strong></font></th> ";
echo " <th bgcolor='#99CC32'><font size=1><strong>Teléfono</strong></font></th> ";
echo " <th bgcolor='#99CC32'><font size=1><strong>Fotografía</strong></font></th> ";
echo " </tr> ";
$img= $curp.".jpg";
echo "<td align='center' bgcolor='yellow'><font size=1> $curp </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $nom </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $dom </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $col </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $cp </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $ciu </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $edo </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $dnac/$mnac/$ynac </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $ding/$ming/$ying </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $fam </font></td>";
echo "<td align='center' bgcolor='yellow'><font size=1> $telf </font></td>";
echo "<td align='center' bgcolor='yellow'><CENTER><img src='$img' width=100 height=90></CENTER></td>";
Nominales'></CENTER></font></td>";
include('nomina.php');
echo"<tr><td><font size=1><strong> >>> </strong></font> </td></tr>";
echo "<input type='hidden' value='".$nom."' name='nom'>";
//fin while
}
//fin de campos
if ($num_fila==0){
//echo "<center>No existe el Empleado debe registrarlo <a href='empleado.php'> Regresar </a><center>";
}
else
{
}
odbc_free_result($rst);
odbc_close($conex);
?>
Para no Extender mucho este trabajo dejaremos estos archivos mostrados aquí ya que son programas muy extensos, el sistema cuenta con rutinas para Insertar un nuevo empleado, Eliminar un empleado y modificar datos: el sistema se encuentra en la siguiente dirección: http://148.235.9.66/personal/iniciar.htm. Usuario: invitado1 y contraseña: invitado1.
Mantenimiento y Administración de la BD y Sistema.
Ahora estableceremos las políticas de mantenimiento al sistema, estas funciones deben ser realizadas por el Administrador de la base de datos:
- Realizar un respaldo de la base de datos por lo menos una vez a la semana.
- Mantener el servidor depurado y libre de virus. Todos los días debe revisar que el antivirus se encuentre actualizado.
- Depuración de archivos basura como temporales que genere la aplicación y el sistema operativo.
- Realizar el mantenimiento preventivo y correctivo del servidor una vez cada dos meses de, enviando un oficio a los departamentos afectados que se realizará dicha actividad, estableciendo en el documento el tiempo estimado de la actividad.
- Para realizar un cambio al sistema se debe notificar por oficio al departamento de informática especificando el cambio con una justificación acerca del cambio deseado.
- El administrador de la base de datos será el único encargado de dar de alta nuevos usuarios y contraseñas al sistema.
Una vez establecidos estos lineamientos aquí finaliza nuestro trabajo de análisis, diseño e implementación de un sistema web.
Conclusiones
Para concluir, en la actualidad gracias a las tecnologías de la información se puede llegar a obtener mucha información que se encuentra en la Internet, para las organizaciones hablemos de todo tipo, ONG"s, empresas, gubernamentales, servicios, etc, pueden ahora ofrecer mejores servicios para generar un avance dentro de sus funciones, estas pueden ir desde ventas, pagos de servicios básicos como agua, luz, gas, dar a conocer algún producto, información acerca de la organización. El fin es tener un medio de comunicación más directo con los usuarios, mantener un control de la información de manera central sin que haya intermediarios de por medio entre cliente y la misma organización.
Estas nos ofrecen muchas herramientas para desarrollar aplicaciones útiles para web, que sean vistosas y funcionales, que permitan el crecimiento integral de las ventas, proveedores, y porque no, llegar a tener una sucursal de la empresa en otra ciudad o en otro país. Que los servicios de gobierno sean más eficientes y rápidos. Gracias a estas mismas se han implementado también nuevos sistemas de seguridad pública, en fin muchas son las aplicaciones que pueden tener los sistemas web.
Como hoy en día también tenemos los famosos blogs, que son para compartir información con más personas alrededor del mundo rompiendo la barrera de la distancia, ahora podemos tener amigos en todo el mucho gracias a estas páginas de bloggeo como MySpace, Hi5, Youtube, que al fin de cuenta son sistemas web diseñados para entretener y comunicar.
Cuando vaya a realizar una implementación de un sistema web para su organización piense en las bondades que estas tecnologías pueden proporcionar, así tal vez pueda también dar un giro a la organización y ver lo beneficios que le pueden dar, así que en lugar de verlo como una inversión cara veamos que esto puede traer más ganancias y clientes no solo de su localidad si no de alguna otra parte del mundo.
Al final lo que se busca es dar mejores servicios y las tecnologías de la información en aplicaciones web son un medio ideal para ello.
Autoevaluación
1. Este paso debemos de realizarlo para realizar un estudio de los requerimientos para el sistema web.
a) Mantenimiento b) Diseño c) análisis
2. Es una herramienta útil para saber acerca de los requerimientos e inquietudes de los usuarios
a) Evaluación b) entrevista c) diálogo
3. Esta infraestructura es importante para el funcionamiento del sistema sin ella no habría las condiciones para que esta trabaje.
a) Infraestructura económica b) infraestructura comercial c) infraestructura informática
4. En esta parte es donde se aterriza todo lo que se ha analizado para dar forma a nuestro sistema.
a) Diseño de interfases b) diseño estructural c) diseño por prototipo.
5. Este tipo de diseño es el recomendado para este tipo de desarrollo en los que se requieren que sean rápidos y terminados en poco tiempo.
a) Diseño por Prototipo b) Diseño estructurado c) diseño de pantallas.
6. En esta parte se realiza un bosquejo de como quedarán las pantallas de entrada y salida del sistema.
a) diseño de estructuras b) diseño de pantallas c) prototipos
7. En este se contendrá el diseño de las bases de datos para nuestro sistema:
a) Mapa de Datos b) Diccionario de Datos c) base de datos.
8. Son ejemplos de Lenguajes de programación para web
a) Fortran, Cobol b) PHP, PERL c) Pascal, C++
9. Este es el más lenguaje utilizado para el diseño de páginas web
a) php b) PERL c) HTML
10. En esta fase se pondrá en funcionamiento el nuevo sistema
a) Implementación b) estructuración c) Mantenimiento
11. Es el tipo de implementación en el cual se sustituye el sistema anterior por el nuevo
a) directa b) indirecta c) paralelo
12. Es la actividad en la cual se deben tener en cuenta procesos de depuración y respaldo del sistema.
a) Mantenimiento b) implementación c) análisis
Bibliografía
Senn, James A., " Análisis y Diseño de Sistemas de Información." , 2da. Edición, McGraw Hill, 1999.
Márquez Vite, Juan Manuel, " Sistemas de Información por Computadora" , Editorial Trillas, 1987.
Gil Rubio, F. Javier, Alonso Villaverde, Santiago, Tejedor Cerbel, Jorge A. Yagüe Panadero, Agustín, " Creación de Sitios web con PHP5" , McGraw Hill, 2005.
http://es.wikipedia.org/wiki/Historia_de_Internet
Autor:
Jesús Humberto Martínez Obregón
Atlantic International University
Honolulu, Hawaii.
June, Summer 2008
 Página anterior | Volver al principio del trabajo | Página siguiente  |
Iniciar sesión
Ingrese el e-mail y contraseña con el que está registrado en Monografias.com
Trabajos relacionados
Ver mas trabajos de Programacion |
|
Nota al lector: es posible que esta página no contenga todos los componentes del trabajo original (pies de página, avanzadas formulas matemáticas, esquemas o tablas complejas, etc.). Recuerde que para ver el trabajo en su versión original completa, puede descargarlo desde el menú superior.
Todos los documentos disponibles en este sitio expresan los puntos de vista de sus respectivos autores y no de Monografias.com. El objetivo de Monografias.com es poner el conocimiento a disposición de toda su comunidad. Queda bajo la responsabilidad de cada lector el eventual uso que se le de a esta información. Asimismo, es obligatoria la cita del autor del contenido y de Monografias.com como fuentes de información.