Está en la página 1de 96

INSTITUTO

TECNOLOGICO
DE ZACATEPEC

DEPARTAMENTO DE SISTEMAS Y
COMPUTACION

‘‘Sistema Business to Business de Recursos


Humanos para Tecnologías de la Información –
IronPeople’’

Ingeniería en Sistemas Computacionales

Ervin Olvera Ruiz


04090242

Asesor: Ing. Enrique López Duran.

18 de Enero de 2009
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Índice general
Pag.
Resumen 1
Capitulo I
Introducción. 3
Antecedentes 5
Descripción del problema a Resolver 7
Justificación 8
Objetivos del Proyecto 10
Alcances y Limitaciones 11
Capitulo II
Plataforma .NET 13
Componentes .NET 14
Framework .NET 18
ASP. NET 20
ADO.NET 22
Visual Basic .NET 23
Ajax 25
Silverligth 26
Visual Studio 2008 29
SQL Server 2008 31
Capitulo III
Levantamiento y Análisis de Requerimientos 33
Nombre del Proyecto 33
Requerimientos de Negocio 33
Antecedentes 34
Objetivo 34
Alcance 34
Características del Producto 35
Clases de Usuario 36
Ambiente de Operación 36
Características del Sistema 37
Capitulo IV
Mapa de Navegación 53
Diagrama de Usuario Empresa 55
Diagrama de Usuario Proveedor 56
Diagrama de Usuario Administrador 57
Diseño Base de Datos 58
Capitulo V
Master Page 62
CSS 64
Configuración de Web.config 65
App_code 67

Página II
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Pag
Programación 70
Subsistema Inicio 70
Subsistema Proveedor 74
Subsistema Empresa 78
Subsistema Administrador 81
Capitulo VI
Plan de Pruebas 86
Conclusiones y Recomendaciones 91
Referencias 92
Anexos 93

Índice de figuras.
No. Pag.
Figura
1 Grafica de Cantidad y Calidad de Recursos Humanos 8
2 Logo Microsoft .NET 13
3 Estructura interna del CLR 15
4 Diagrama básico de la biblioteca de clases base 17
5 Diagrama interno de un ensamble .NET 17
6 La Evolución de la WWW 20
7 Logo ASP.NET 21
8 Ado.NET 23
9 Logo Ajax Asp.NET 26
10 Logo Silverlight 28
11 Visual Studio 2008 29
12 Ambiente de Programación VS 2008 30
13 SQL Server 2008 31
14 Mapa de Navegación 54
15 Diagrama Usuario Empresa 55
16 Diagrama Usuario Proveedor 56
17 Diagrama Usuario Administrador 57
18 Diagrama diseño de la Base de Datos 58
19 Modo de Diseño de Master Page 63
20 Programación de CSS 64
21 Configurando web.config 65
22 Pantalla Inicio.aspx 70
23 Pantalla solicitudes.aspx 71
24 Pantalla registros.aspx 72
25 Pantalla Login.aspx 72
26 Pantalla detalles.aspx 73
27 Pantalla recuperar.aspx 74

Página III
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

28 Pantalla panelprovee.aspx 75
29 Pantalla editarprovee.aspx 75
30 Pantalla solicitudesprovee.aspx 76
31 Pantalla enviarprop.aspx 77
32 Pantalla historialprop.aspx 77
33 Pantalla panelemp.aspx 78
34 Pantalla editaemp.aspx 79
35 Pantalla solicitud.aspx 80
36 Pantalla historialsolicitud.aspx 80
37 Pantalla propuestas.aspx 81
38 Pantalla paneladmon.aspx 82
39 Pantalla bajas.aspx 83
40 Pantalla validartecno.aspx 83
41 Pantalla propaceptada.aspx 84
42 Instalación IIS 86
43 Publicación del Sistema en el IIS 87
44 Configuración de propiedades de B2B 88
45 Ejemplo de Prueba de Validación 89
46 Ejemplo de Prueba de Ajax 90

Índice de tablas.
No. Tabla Pag.
1 Versiones de Framework .NET 19
2 Compatibilidad con S.O. y navegadores 26
3 Versiones de SilverLight 27
4 Subsistemas del B2B 53
5 Tablas de la BD del Sistema B2B 60
6 Funciones Clase Conexión.vb 68
7 Funciones Clase Fill.vb 69
8 Funciones Clase Validar.vb 69

Página IV
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

RESUMEN.

El presente proyecto consiste en la realización de un sitio web desarrollado

bajo el concepto Business to Business (B2B), el cual facilitara la generación de

empleos acercando el capital humano capacitado a las Industrias de Tecnologías

de la Información para su contratación.

El trabajo expone de manera clara y sencilla como fueron utilizadas cada

una de las herramientas SQL Server 2008, Visual Studio 2008, Framework 3.5,

Visual Basic.Net y Ajax para la realización del sistema.

Este sistema tratara de facilitar la generación de empleos acercando el

capital humano Capacitado a la Industria de Tecnologías de la Información (tanto

empresas usuarias como empresas de TI) para su contratación. El capital humano

ya no tendría la dificultad para conseguir un empleo, los empleos no serian

remunerado y se evitaría por completo el problema de la orientación profesional.

Página 1
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Capítulo
1

INTRODUCCION.

Página 2
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Introducción.

Los B2B (Business to Business) consisten en el comercio que se da entre

organizaciones. Esto incluye la presentación de propuestas, negociación de

precios, cierre de ventas, despacho de pedidos y otras transacciones. Las

empresas aprovechan el internet para simplificar las transacciones antes

mencionadas y reducir gastos. Con este método se agiliza notablemente el tiempo

empleado para un tipo de contratación.

Cuando se habla de Tecnologías de la Información debemos cubrir

aspectos como lo son servicios, redes, software y aparatos que tienen como fin la

mejora de la calidad de vida de la personas. Y si hablamos de Recursos Humanos

tenemos que enfocarnos en el reclutamiento, selección, compensación, beneficios,

formación, operación y desarrollo. La pieza clave en el desarrollo de la empresa

son los recursos humanos, puesto que permiten la realización de las metas,

elevando su papel a una posición estratégica.

El Sistema Business to Business de Recursos Humanos para Tecnologías

de la Información contribuirá a generar Capital Humano Calificado para facilitar el

acceso a nuevos mercados y atraer inversiones extranjeras, así como incentivar la

creación de nuevos y mejores empleos. Hoy día hay soluciones para problemas

por separado en materia de TI (unos capacitan, otros hacer el Scouting, otros

colocan como head hunters, etc.)

Página 3
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Los portales “business to business” han tenido mucho éxito y se han difuso

muy rápidamente en los últimos años del siglo pasado, en particular por los

abastecimientos hechos por empresas grandes o redes de empresas.

En cuanto a los sitios de B2B, podemos distinguir entre lo que se ve y lo

que no se ve en Internet. Es decir, por un lado los sitios públicos de intercambio o

asociación, y por otro lado, las operaciones vía extranet entre las compañías

A continuación se presenta el desarrollo de un sistema bajo el concepto

comercio entre empresas (B2B). El proyecto se lleva a cabo con las últimas

tecnologías dentro de Microsoft y engloba desde el diseño e implantación del

sistema a nivel empresarial.

Página 4
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Antecedentes.

Portales tipo Monster.com son lideres dentro del sector de contratación de

personal y llegan a tener muchas visitas. Los emprendedores de este tipo de

portales deberían empezar por construir portales dirigidos a zonas mas o menos

conectadas.

Estos portales de contratación de personal hacen muy sencillo el alta del

producto y permiten buscar en la base de datos y ver toda la información sin

necesidad de registrarse.

En estos primeros años de la nueva economía, muy poco se ha comentado

el enorme valor de las transformaciones internas, en especial de nuestros

recursos humanos, donde se está generando el mayor valor. En la última década,

y en el futuro catalizado por las ventajas básicas de Internet, todo profesionista

que quiera tendrá diferentes alternativas de desarrollo profesional, lo que es más,

la enorme mayoría de los profesionistas exitosos desarrollarán más de una carrera

durante su vida profesional.

En los últimos dos años, la mejor aplicación de Internet basada en

resultados inmediatos y medibles que hemos visto, es la que uno de nuestros

clientes llama "Estrategia en Acción"; aplicación de Intranet que alinea la misión,

Página 5
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

estrategia, objetivos, prácticas y retroalimentación de la Empresa a las mismas

dimensiones (misión, estrategia, objetivos, prácticas y retroalimentación) a nivel

unidad de negocio, y lo más importante: a nivel individuos Es claro que los

modelos B2B (Business to Business) son los de mayor beneficio/costo inmediato

de todos los modelos posibles.

A pesar de que los beneficios tanto para compradores, como para

vendedores, de realizar compra/venta por Internet son contundentes, actualmente

todo mundo quiere comprar en estos mercados B2B sólo materiales indirectos.

Para los compradores, los beneficios de precios predecibles con información de

disponibilidad en tiempo real y mucho mayor control de su proceso de

adquisiciones, son tan contundentes como los beneficios a los proveedores de

poder planear su producción más inteligentemente, reducir sus inventarios,

realizar promociones a la medida para sus clientes y reducir los costos de proceso

de sus órdenes. Adicionalmente, lo complejo de integrar diferentes sistemas de

abastecimiento, la administración de catálogo de productos, la falta de estándares

y medios de pago, entre otros problemas, están resultando en un proceso lento y

complicado.

Página 6
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Descripción del problema a solucionar.

Las Empresas usuarias de servicios de Tecnologías de la Información se

encuentran con la problemática de no encontrar con facilidad a personal

capacitado en diferentes áreas de tecnologías de la información, así como las

empresas head-hunters les es difícil colocar a su personal capacitado en las

diferentes áreas en empresas que requieran de sus servicios.

Las Bolsas de Trabajo actualmente tienen la problemática de que las

Empresas que buscan al personal deben esperar hasta que algún interesado los

contacte y les proporcione información acerca de sus capacidades, conocimientos

y aptitudes sobre los requerimientos que se les pida. Algunos ejemplos de este

tipo son www.monster.com, www.computrabajo.com, que su principal objetivo es

el de contratar personal y son un claro ejemplo de sistemas B2B, pero por lo antes

mencionado son Persona a Empresa y con dificultad de encontrar al personal

indicado.

El principal problema es la dificultad de encontrar al personal capacitado que

cubra con los requerimientos pedidos por una empresa.

Página 7
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Justificación.

Los Sistemas B2B nacen como consecuencia de la evolución del mundo

empresarial y el progresivo crecimiento de la importancia de los consumidores, es

decir los deseos y necesidades de sus clientes, a efectos de poder satisfacerlos

en este ámbito.

Uno de los elementos más importantes del Sector de Tecnologías de

Información es sin duda el Capital Humano. En México en cantidad tenemos los

suficientes recursos para cubrir la demanda, no obstante, en calidad tenemos una

brecha significativa.

FIG. 1 Grafica de Cantidad y Calidad de Recursos Humanos.

Página 8
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Los portales B2B, como su nombre lo indica, buscan, fortalecer y mantener

las relaciones de las empresas comercializadoras y servicios con sus clientes,

buscando lograr el máximo número de negocios con cada uno de ellos. Su

objetivo es identificar a los clientes más rentables para establecer una estrecha

relación con ellos, que permita conocer sus necesidades y mantener una

constante evolución del personal de acuerdo con ellas a lo largo del tiempo.

De momento, el sistema va a estar para las consultoras y las empresas de

software que comercialicen soluciones atreves de la realización este B2B.

Con este método se agiliza notablemente el tiempo empleado para esta

contratación, ya que los pedidos a través de Internet se tramitan en tiempo real.

También abarata los costos del pedido, se pueden comunicar con otras empresas

de lugares distantes, e incluso de otros países; por otra parte, el ahorro de tiempo

es en sí un valor económico importante.

Página 9
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Objetivos del Proyecto.

OBJETIVO GENERAL.

Desarrollar una plataforma tecnológica que permita recibir y conocer los

requerimientos de la industria de tecnologías de la información de México.

OBJETIVOS ESPECÍFICOS.

Desarrollar un Modulo de Registros de Empresas y Requerimientos. Se

tendrá una contemplación de Empresas usuarias de Tecnologías de la

Información y sus requerimientos de cada una para poder realización de su

contratación de personal.

Desarrollar un Modulo de Canalización de Requerimientos a Empresas

proveedoras de capital humano en Tecnologías de la Información.

Contemplación de Empresas tipo Head-Hunters para poder saber el capital

humano que cada una de ella tienen para acercarlos a las empresas

usuarias.

Desarrollar un Modulo de Inteligencia de Negocios para el Análisis y Toma

de Decisiones. Las empresas del tipo Head-Hunters recibirán las peticiones

de las empresas usuarias y las analizaran para tomar decisión si pueden o

no solucionar el problema de capital humano requerido por estas.

Página 10
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Alcances y Limitaciones.

ALCANCES.

Facilitar la contratación de Personal.

Permitir interactuar comercio entre Empresas TI.

Encontrar de manera rápida y óptima al personal adecuado.

Saber los Requerimientos para la contratación de personal.

Agilizar notablemente el tiempo.

Ofrecer contenidos de valor.

LIMITACIONES.

Por el momento será utilizado para Empresas TI.

Poco material de consulta para tecnologías recientes de Microsoft.

No contar con un Servidor para Framework 3.5

Página 11
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Capítulo
2

FUNDAMENTO TEORICO.

Página 12
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Plataforma .NET

En 1998 un equipo de trabajo de Microsoft comenzó a trabajar en un

proyecto que denominaron Next Generation Windows Services (NGWS). Este

equipo se fusiona con el grupo encargado de desarrollar la versión 7 del Visual

Studio con el fin de desarrollar un entorno de ejecución común para todos los

lenguajes incluidos en el de forma que permitiese a terceras empresas crear

lenguajes adaptados al entorno. Finalmente, en el 2000 Microsoft dio a conocer

todo este trabajo que denominaron Microsoft.NET.

.NET es un proyecto de Microsoft para crear una nueva plataforma de

desarrollo de software con énfasis en transparencia de redes, con independencia

de plataforma de hardware y que permita un rápido desarrollo de aplicaciones.

Basado en ella, la empresa intenta desarrollar una estrategia horizontal que

integre todos sus productos, desde el sistema operativo hasta las herramientas de

mercado.

FIG. 2 Logo de Microsoft .NET

Página 13
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

.NET podría considerarse una respuesta de Microsoft al creciente mercado

de los negocios en entornos Web, como competencia a la plataforma Java de Sun

Microsystems y a los diversos framework de desarrollo web basados en PHP. Su

propuesta es ofrecer una manera rápida y económica, a la vez que segura y

robusta, de desarrollar aplicaciones –o como la misma plataforma las denomina,

soluciones– permitiendo una integración más rápida y ágil entre empresas y un

acceso más simple y universal a todo tipo de información desde cualquier tipo de

dispositivo.

Componentes de .NET

Los principales componentes del marco de trabajo son:

El conjunto de lenguajes de programación

La Biblioteca de Clases Base o BCL

El Entorno Común de Ejecución para Lenguajes o CLR por sus siglas en

inglés.

Common Language Runtime .

Este es el lenguaje insignia de .NET Framework (marco de trabajo .NET) y

pretende reunir las ventajas de lenguajes como C, C++ y Visual Basic en uno solo.

El CLR es el verdadero núcleo del framework de .NET, entorno de ejecución en el

que se cargan las aplicaciones desarrolladas en los distintos lenguajes, ampliando

el conjunto de servicios del sistema operativo (W2k y W2003).

Página 14
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

La herramienta de desarrollo compila el código fuente de cualquiera de los

lenguajes soportados por .NET en un código intermedio, el MSIL (Microsoft

Intermediate Lenguaje), similar al BYTECODE de Java. Para generarlo, el

compilador se basa en la especificación CLS (Common Language Specification)

que determina las reglas necesarias para crear el código MSIL compatible con el

CLR.

Para ejecutarse se necesita un segundo paso, un compilador JIT (Just-In-

Time) es el que genera el código máquina real que se ejecuta en la plataforma del

cliente. De esta forma se consigue con .NET independencia de la plataforma de

hardware. La compilación JIT la realiza el CLR a medida que el programa invoca

métodos. El código ejecutable obtenido se almacena en la memoria caché del

ordenador, siendo recompilado de nuevo sólo en el caso de producirse algún

cambio en el código fuente.

FIG. 3 Estructura interna del CLR.

Página 15
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Biblioteca de Clases Base de .NET

La Biblioteca de Clases Base (BCL por sus siglas en inglés) maneja la

mayoría de las operaciones básicas que se encuentran involucradas en el

desarrollo de aplicaciones, incluyendo entre otras:

Interacción con los dispositivos periféricos

Manejo de datos (ADO.NET)

Administración de memoria

Transmisión y recepción de datos por distintos medios (XML, TCP/IP)

Administración de componentes Web que corren tanto en el servidor como

en el cliente (ASP.NET)

Etc.

Esta funcionalidad se encuentra organizada por medio de espacios de

nombres jerárquicos. La Biblioteca de Clases Base se clasifica, en cuatro grupos

clave:

ASP.NET y Servicios Web XML

Windows Forms

ADO.NET

.NET

Página 16
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

FIG 4. Diagrama básico de la Biblioteca de Clases Base.

Ensamblados

Un ensamblado es un compilado EXE o DLL que contiene código CIL que

se genera desde los diferentes lenguajes .NET, y que es ejecutado por el CLR.

Puede contener una o varias clases al igual que uno o varios namespaces. Los

ensamblados pueden tener diferentes decoradores que definen el entorno de

ejecución de los mismos COM+, DCOM, Remouting, etc.

FIG. 5 Diagrama interno de un Ensamble .NET.

Página 17
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Framework.

El .NET Framework (traducido como “Marco de Trabajo”) es el componente

fundamental de la plataforma Microsoft .NET, necesario tanto para poder

desarrollar aplicaciones como para poder ejecutarlas luego en entornos de prueba

o producción. El .NET framework tiene tres variantes principales, todas

descargables gratuitamente desde Internet:

.NET Framework Redistributable Package: este es el mínimo componente de la

plataforma .NET que se necesita para poder ejecutar aplicaciones. Normalmente

ésta es la variante que se instala en los entornos productivos, una vez que el

desarrollo y las pruebas de la aplicación han finalizado. Está compuesto por:

• El entorno de ejecución de la plataforma .NET

• Las bibliotecas de funcionalidad reutilizable

.NET Framework SDK: esta versión contiene herramientas de desarrollo de línea

de comandos (compiladores, depuradores, etc.), documentación de referencia,

ejemplos y manuales para desarrolladores de aplicaciones. Normalmente ésta

variante se instala en los entornos de desarrollo de aplicaciones, y es más útil a

los programadores que a los usuarios finales. Para poder instalar la versión SDK

(Software Development Kit) es necesario instalar previamente el Redistributable

Package.

Página 18
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

.NET Compact Framework: esta es una versión reducida del .NET Framework

Redistributable, especialmente pensada para ser instalada en dispositivos móviles

como Pocket PC’s y SmartPhones.

Tabla 1. Versiones de Frameworks para .NET

Página 19
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

ASP.NET

La World Wide Web, o simplemente la Web, fue creada en 1990 como un

modesto sistema de intercambio de documentos, y ha progresado hasta

convertirse en un potente y versátil medio de comunicación. Gracias a la Web hoy

es posible acceder fácilmente a todo tipo de información, comprar libros y CDs

desde nuestra computadora, reservar vuelos de avión, y mucho más. Durante los

últimos cinco años, las tecnologías sobre las que se apoya la Web han ido

evolucionando a un ritmo más o menos uniforme. Sin embargo, la Plataforma

.NET promete revolucionar la Web, tanto para los usuarios como para los

programadores.

El principal atractivo de la web era el hecho de que los documentos de la

web (o páginas web) se escriban con el lenguaje HTML. Este lenguaje permite

escribir hipertexto, un tipo de texto en el que se puede saltar fácilmente de un

documento a otro haciendo clic sobre un hiperenlace (o enlace).

FIG. 6 La Evolución de la World Wide Web

Página 20
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

ASP.NET es un framework para aplicaciones web desarrollado y

comercializado por Microsoft. Es usado por programadores para construir sitios

web dinámicos, aplicaciones web y servicios web XML. Apareció en enero de 2002

con la version 1.0 del .NET Framework, y es la tecnología sucesora de la

tecnología Active Server Pages (ASP). ASP.NET está construido sobre el

Common Language Runtime, permitiendo a los programadores escribir código

ASP.NET usando cualquier lenguaje admitido por el .NET Framework.

Fig. 7 Logo de ASP.NET

Las páginas de ASP.NET, conocidas oficialmente como "web forms"

(formularios web), son el principal medio de construcción para el desarrollo de

aplicaciones web. Los formularios web están contenidos en archivos con una

extensión ASPX; en jerga de programación, estos archivos típicamente contienen

etiquetas HTML o XHTML estático , y también etiquetas definiendo Controles Web

que se procesan del lado del servidor y Controles de Usuario donde los

desarrolladores colocan todo el código estático y dinámico requerido por la página

web.

Página 21
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

ADO .NET

ADO.NET es un conjunto de clases que exponen servicios de acceso a

datos para el programador de .NET. ADO.NET ofrece abundancia de

componentes para la creación de aplicaciones de uso compartido de datos

distribuidas. Constituye una parte integral de .NET Framework y proporciona

acceso a datos relacionales, XML y de aplicaciones. ADO.NET satisface diversas

necesidades de desarrollo, como la creación de clientes de base de datos de

aplicaciones para usuario y objetos empresariales de nivel medio que utilizan

aplicaciones, herramientas, lenguajes o exploradores de Internet.

El ADO.NET es un conjunto de componentes del software que pueden ser

usados por los programadores para acceder a datos y a servicios de datos. Es una

parte de la biblioteca de clases base que están incluidas en el Microsoft .NET

Framework. Es comúnmente usado por los programadores para acceder y para

modificar los datos almacenados en un Sistema Gestor de Bases de Datos

Relacionales, aunque también puede ser usado para acceder a datos en fuentes

no relacionales. ADO.NET es a veces considerado como una evolución de la

tecnología ActiveX Data Objects (ADO), pero fue cambiado tan extensivamente

que puede ser concebido como un producto enteramente nuevo.

Página 22
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 8 ADO.NET subconjunto de la .NET Framework Class Library

VISUAL BASIC .NET

Visual Basic es un lenguaje de programación desarrollado por Alan Cooper

para Microsoft. El lenguaje de programación es un dialecto de BASIC, con

importantes añadidos. En 2001 Microsoft propone abandonar el desarrollo basado

en la API Win32 y pasar a trabajar sobre un framework o marco común de librerías

independiente de la versión del sistema operativo, .NET Framework, a través de

Visual Basic .NET (y otros lenguajes como C Sharp (C#) de fácil transición de

código entre ellos) que presenta serias incompatibilidades con el código Visual

Basic existente.

Visual Basic constituye un IDE (entorno de desarrollo integrado o en inglés

Integrated Development Enviroment) que ha sido empaquetado como un

programa de aplicación, es decir, consiste en un editor de código (programa donde

Página 23
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

se escribe el código fuente), un depurador (programa que corrige errores en el

código fuente para que pueda ser bien compilado), un compilador (programa que

traduce el código fuente a lenguaje de máquina), y un constructor de interfaz

gráfica o GUI (es una forma de programar en la que no es necesario escribir el

código para la parte gráfica del programa, sino que se puede hacer de forma

visual).

VB.NET es un lenguaje de programación orientado a objetos que se puede

considerar una evolución de Visual Basic implementada sobre el framework .NET.

Su introducción resultó muy controvertida, ya que debido a cambios

significativos en el lenguaje VB.NET no es compatible hacia atrás con Visual

Basic, cosa que causó gran división en la comunidad de desarrolladores de Visual

Basic.

La gran mayoría de programadores de VB.NET utilizan el entorno de

programación Microsoft Visual Studio .Net en alguna de sus versiones (Visual

Studio .NET, Visual Studio .NET 2003 o Visual Studio .NET 2005), aunque existen

otras alternativas, como SharpDevelop (que además es libre). Como pasa con

todos los lenguajes de programación basados en .NET, los programas escritos en

VB.NET requieren el Framework .NET para ejecutarse.

Página 24
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

AJAX.

AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript

asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones

interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el

cliente, es decir, en el navegador de los usuarios mientras se mantiene la

comunicación asíncrona con el servidor en segundo plano.

De esta forma es posible realizar cambios sobre las páginas sin necesidad

de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad

en las aplicaciones.

Ajax es una tecnología asíncrona, en el sentido de que los datos

adicionales se requieren al servidor y se cargan en segundo plano sin interferir con

la visualización ni el comportamiento de la página. JavaScript es el lenguaje

interpretado (scripting language) en el que normalmente se efectúan las funciones

de llamada de Ajax mientras que el acceso a los datos se realiza mediante XML

HttpRequest, objeto disponible en los navegadores actuales.

Página 25
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

En cualquier caso, no es necesario que el contenido asíncrono esté

formateado en XML. Ajax es una técnica válida para múltiples plataformas y

utilizable en muchos sistemas operativos y navegadores dado que está basado en

estándares abiertos como JavaScript y Document Object Model (DOM).

FIG.9 Logo de Ajax para ASP.NET

SILVERLIGHT.

Microsoft Silverlight es un complemento para navegadores de Internet

basado en la plataforma Windows que agrega nuevas funciones multimedia como

la reproducción de vídeos, gráficos vectoriales, animaciones y de entorno de

desarrollo; en forma similar a lo que hace Adobe Flash.

Tabla 2. Compatibilidad con Sistemas Operativos y Navegadores.

Página 26
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Silverlight compite con Adobe Flex, Nexaweb, OpenLaszlo y algunas

presentaciones de componentes AJAX. La primera versión de Silverlight fue

lanzada en septiembre de 2007 y actualmente su versión 2.0 se distribuye de

forma gratuita.

Tabla 3. Versiones de Silverlight

Silverlight conserva un modo de gráficos de sistema, similar al del WPF e

integra en un solo complemento multimedia, gráficos de computador, animaciones

e interactividad. La base de su programación es XAML y el acceso a los objetos

esta dado por JavaScript. El XAML puede ser usado para marcar los gráficos

vectoriales y las animaciones.

Silverlight soporta playback del formato de video VC-1 en todos los

navegadores compatibles sin requerir el control ActiveX del Reproductor de

Windows Media. Sin embargo, la EULA dice que la licencia del VC-1 es "sólo para

uso personal y no-comercial de un consumidor".1 El contenido creado con

Silverlight sería más "buscable" e "indexable" que aquel que fue creado con Adobe

Flash por no estar compilado, pues se representa como un texto XAML.

Página 27
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Con Silverlight es posible cargar dinámicamente un contenido XML que

puede ser manipulado a través de una interfaz DOM, una técnica que es

compatible con aquellas convencionales del lenguaje AJAX. Silverlight tiene un

"Downloader" (descargador) para tomar scripts u otros medios y guardarlos en el

equipo, cuando es requerido por la aplicación.3 Con la versión 1.1, la

programación lógica puede ser escrita en cualquier lenguaje .Net. También

soporta lenguajes dinámicos de programación como Ruby y Python.

Básicamente Silverlight es un subconjunto de XAML (eXtensible Application

Markup Language) especialmente diseñado para construir aplicaciones

multimedias sobre web. Silverlight requiere de la instalación de un plugin, de

escaso peso, apenas 2MB. Al igual que sucede con Flash, Microsoft Silverlight

viene acompañado de herramientas de desarrollo tanto para diseñadores como

para desarrolladores de "software".

FIG.10 Logo de Silverlight

Página 28
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Silverlight 2.0 incluye un .NET Framework multiplataforma y multinavegador

que nos permite una plataforma de desarrollo para .NET que se ejecuta en el

navegador. Podemos desarrollar aplicaciones Silverlight en cualquier lenguaje de

.NET

VISUAL STUDIO 2008.

Visual Studio 2008 fue publicado (RTM) el 17 de Noviembre de 2007 en

inglés, mientras que la versión en castellano no fue publicada hasta el 2 de

Febrero de 2008. El nuevo framework (.Net 3.5) está diseñado para aprovechar

las ventajas que ofrece el nuevo sistema operativo "Windows Vista" a través de

sus subsistemas "Windows Communication Foundation" (WCF) y "Windows

Presentation Foundation" (WPF). El primero tiene como objetivo la construcción de

aplicaciones orientadas a servicios mientras que el último apunta a la creación de

interfaces de usuario más dinámicas que las conocidas hasta el momento.

A las mejoras de desempeño, escalabilidad y seguridad con respecto a la

versión anterior, se agregan entre otras, las siguientes novedades.

FIG. 11 VISUAL STUDIO 2008

Página 29
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Proyectos y Soluciones: Soporte a Windows Presentation Foundation de

manera nativa. Cuando se inicia un proyecto, seleccionando el lenguaje, se

pueden crear cuatro (4) tipos de proyecto WPF:

WinFX Windows Application


WinFX Web Browser Application
WinFX Custom Library
WinFX Service Library

Visual Studio 2008 ahora permite la creación de soluciones multiplataforma

adaptadas para funcionar con las diferentes versiones de .Net Framework: 2.0.

(Incluido con Visual Studio 2005), 3.0 (incluido en Windows Vista) y 3.5 (incluido

con Visual Studio 2008). .NET 3.5 incluye biblioteca ASP.NET AJAX para

desarrollar aplicaciones web más eficientes, interactivas y altamente

personalizadas que funcionen para todos los navegadores más populares y

utilicen las últimas tecnologías y herramientas Web, incluyendo Silverlight y Popfly.

FIG 12. Ambiente de Programación VISUAL STUDIO 2008

Página 30
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

SQL SERVER 2008.

Microsoft SQL Server es un sistema de gestión de bases de datos

relacionales (SGBD) basado en el lenguaje Transact-SQL, y específicamente en

Sybase IQ, capaz de poner a disposición de muchos usuarios grandes cantidades

de datos de manera simultánea , así como de tener unas ventajas que más abajo

se describen. Constituye la alternativa de Microsoft a otros potentes sistemas

gestores de bases de datos como son Oracle, Sybase ASE, PostgreSQL,

Interbase, Firebird o MySQL. SQL Server 2008 Express Edition es parte de la

familia de productos del más nuevo y sofisticado motor de bases de datos

relacional de Microsoft: SQL Server 2008.

FIG. 13 Microsoft SQL Server 2008

Al igual que su predecesor, el MSDE, esta herramienta es gratuita y royalty

free (se puede embeber en aplicaciones comerciales sin pagar regalías a

Microsoft). Esta edición express tiene ciertas limitaciones que la hacen

inapropiada para soportar la operatoria de una organización, pero puede ser

utilizada perfectamente como base de datos de escritorio, prueba o desarrollo.

Página 31
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Capítulo
3

ANALISIS Y ESPECIFICACION
DE REQUERIMIENTOS.

Página 32
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Antes de realizar el análisis de los requerimientos se debe realizar un

acercamiento con el cliente, es decir una entrevista en donde se tendrán que

levantar los requerimientos del sistema a realizar y posteriormente realizar el

análisis correspondiente.

En esta entrevista se realizaran una serie de preguntas que nos ayudaran a

identificar puntos tales como: el objetivo del proyecto, el problema a resolver,

alcance del sistema, características del proyecto, Clases de usuario, ambiente de

operación, antecedentes, etc.

Levantamiento y Análisis de Requerimientos.

Nombre del Proyecto

Sistema B2B de Recursos Humanos para Tecnólogas de la Información.

Requerimientos de negocio

Acercar al capital humano Capacitado en la Industria de Tecnologías de la

Información (Empresas TI) a empresas que requieran este tipo de servicio

(Empresas usuarias de TI).

Página 33
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Antecedentes

En la actualidad no existe sistema alguno que pueda ser capaz de ubicar

con detalle a los requerimientos de una empresa usuaria de TI. El ejemplo más

cercano a este pueden ser las llamadas bolsas de trabajo que operan de manera

que la empresa usuaria de TI publica un empleo y tienen que esperar hasta que

exista una contestación personal para cubrir el puesto.

Objetivo

Desarrollar una plataforma tecnológica que permita recibir y conocer los

requerimientos de la industria de tecnologías de la información de México.

Alcance

El desarrollo de este sistema se realizará basado en los sistemas business

to business de manera que estarán interactuando Empresas TI (Head-Hunter) y

Empresas Usuarias de TI. Uno de los elementos más importantes del Sector de

Tecnologías de Información es sin duda el Capital Humano. Este sistema tratara

de facilitar la generación de empleos acercando el capital humano Capacitado a la

Industria de TI (tanto empresas usuarias como empresas de TI) para su

contratación.

Página 34
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Características del producto


 Aplicación en plataforma Web
 Segura
 Multiusuario
 Integrable con otros sistemas
 Escalable
 Módulos, secciones y funciones:
I. Front End
 Inicio.
 Login Empresas Usuarias TI
 Login Empresas TI
 Registro Empresas Usuarias TI
 Registro Empresas TI
 Panel Empresas Usuarias TI
 Editar Información Empresa Usuaria TI
 Solicitud
 Solicitudes Hechas Por Empresa Usuaria TI
 Propuestas
 Datos Empresas TI
 Panel Empresas TI
 Editar Información Empresa TI
 Solicitudes Realizadas a Empresa HH
 Solicitudes Realizadas a Todas las HH
 Enviar Mensajes
II. BackOffice
 Panel Administrador
 Bajas Empresas Usuarias TI
 Bajas Empresas TI
 Bajas Solicitudes
 Bajas Propuestas

Página 35
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Clases de Usuario.
Se contemplan los siguientes perfiles:
 Administrador. Permisos de acceso a todos los módulos y consultar,
editar, eliminar información de todos las Empresas TI y Empresas Usuarias
de TI.
 Empresas Usuarias de TI. Permisos de acceso a los módulos de registro
de Empresas Usuarias de TI, Cambios en información, consulta a
Empresas TI, Enviar Mensajes a Empresas TI
 Empresas TI. (Head-Hunter). Permisos de acceso a los módulos de
registro de Empresas TI, Cambios en información, Ver peticiones de
Empresas Usuarias TI, Enviar Mensajes a Empresas Usuarias TI

Ambiente de operación
 DB: SQL Server 2008
 Servidor: Windows 2003 Server
 Framework 3.5

Entendidos y Dependencias
 El sistema se instalará en la infraestructura de IronPeople
 El sistema será administrado por el equipo de infraestructura de IronPeople
 Se propone trabajar con AJAX
 Se trabajará con una nueva Base de Datos.
 Así mismo se depende de la disponibilidad del servidor donde se montará el
sistema para su optimo desempeño

Página 36
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Características del sistema.

Se enlistan y describen los requerimientos funcionales del sistema,


estructurados por pantallas para su mejor entendimiento.

I. Front End
1 Inicio [W_Inicio].
1.1 Descripción y Prioridad.
Pantalla de alta prioridad; se contemplan links para dar de alta a
Empresas Usuarias de TI y a Empresas TI, link para acceder al Login
de cada una de las empresas.
1.2 Storyboard.
El usuario accederá a esta pantalla para poder ingresar a su
correspondiente Login o registro de la Empresa TI o Usuaria TI
1.3 Requerimientos Funcionales:
 REQ-1: Link para Login de Empresas TI y se
redireccionara a la pagina [W_LoginHH]
 REQ-2: Link para Login de Empresas Usuarias TI y se
redireccionara a la pagina [W_LoginEmp]
 REQ-3: Link con el concepto Registro Empresa Usuaria TI
y se redireccionara a la pagina [W_RegistroEmp]
 REQ-4: El Sistema tendrá un link con el concepto Registro
Empresa TI y se redireccionara a la pagina
[W_RegistroHH]
2 Login Empresas Usuarias TI [W_LoginEmp]
2.1 Descripción y Prioridad.
Pantalla de alta prioridad; se contemplan los campos User y Password.
2.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa Usuaria TI.

Página 37
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

2.3 Requerimientos Funcionales:


 REQ-5: Pantalla Con Textbox para user y password.
 REQ-6: Se validará si los campos fueron llenados y tipo
de dato, con mensaje de alerta.
 REQ-7: Confirmar de acuerdo al tipo de usuario en la base
de datos si existe o no el usuario.
 REQ-8: Botón con Ingresar y se redireccionara a la pagina
[W_PanelEmp]
3 Login Empresas TI [W_LoginHH]
3.1 Descripción y Prioridad.
Pantalla de alta prioridad; se contemplan los campos User y Password.
3.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa TI
3.3 Requerimientos Funcionales:
 REQ-9: Pantalla Con Textbox para user y password.
 REQ-10: Se validará si los campos fueron llenados y tipo
de dato, con mensaje de alerta.
 REQ-11: Confirmar de acuerdo al tipo de usuario en la
base de datos si existe o no el usuario.
 REQ-12: Botón con Ingresar se redireccionara a la pagina
[W_PanelEmpHH]
4 Registro Empresas Usuarias TI [W_RegistroEmp]
4.1 Descripción y Prioridad.
Pantalla de alta prioridad; se contemplan los campos Nombre, Apellido
Paterno, Apellido Materno, Nombre Empresa, Calle y Numero, Colonia,
Ciudad Estado C.P. Teléfono, Correo electrónico, User, Password.

Página 38
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

4.2 Storyboard.
El usuario accederá a esta pantalla cuando presione el link de Registro
de Empresa Usuaria de TI [W_Inicio] para poder ingresar datos.
4.3 Requerimientos Funcionales:
 REQ-13: Al acceder a esta pantalla se cargara un
formulario con los siguientes textbox para su
correspondiente llenado:
 Nombre
 Apellido Paterno
 Apellido Materno
 Empresa
 Calle y Numero
 Colonia
 Ciudad
 C.P.
 Teléfono
 Correo electrónico
 User
 Password
 REQ-14: Habrá un Dropdownlist cargado de una tabla de
la base de datos con los Estados de la República
Mexicana.
 REQ-15: Se validará si los campos fueron llenados y tipo
de dato, con mensaje de alerta.
 REQ-16: Botón con la Opción Guardar acción que
guardara un nuevo registro en la base de datos y
redireccionado a la pagina [W_LoginEmp]
 REQ-17: Botón con la Opción Cancelar redireccionado a la
pagina [W_Inicio]

Página 39
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

5 Registro Empresas TI [W_RegistroHH]


5.1 Descripción y Prioridad.
Pantalla de alta prioridad; se contemplan los campos Nombre, Apellido
Paterno, Apellido Materno, Nombre Empresa, Calle y Numero, Colonia,
Ciudad Estado C.P. Teléfono, Correo electrónico, Tecnologías, Sitio
Web, User, Password.
5.2 Storyboard.
El usuario accederá a esta pantalla cuando presione el link de Registro
de Empresa TI [W_Inicio] para poder ingresar datos.
5.3 Requerimientos Funcionales:
 REQ-18: Al acceder a esta pantalla se cargara un
formulario con los siguientes textbox para su
correspondiente llenado
 Nombre
 Apellido Paterno
 Apellido Materno
 Empresa
 Calle y Numero
 Colonia
 Ciudad
 C.P.
 Teléfono
 Correo electrónico
 Sitio Web
 User
 Password
 REQ-19: Habrá un Dropdownlist cargado de una tabla de
la base de datos con los Estados de la República
Mexicana.

Página 40
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

 REQ-20: CheckBox’s con las Tecnologías mas


importantes.
 REQ-21: Se validará si los campos fueron llenados y tipo
de dato, con mensaje de alerta.
 REQ-22: Botón con la Opción Guardar acción que
guardara un nuevo registro en la base de datos y
redireccionado a la pagina [W_LoginHH]
 REQ-23: Botón con la Opción Cancelar redireccionado a la
pagina [W_Inicio]
6 Panel Empresas Usuarias TI [W_PanelEmp]
6.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa Usuaria TI.
6.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa Usuaria TI y vera información solo para el usuario que en ese
momento logueado.
6.3 Requerimientos Funcionales:
 REQ-24: El Panel mostrara Información básica de la
Empresa Usuaria TI. Nombre Empresa, Nombre Contacto
 REQ-25: Link para realizar solicitud. Redirecciona a la
pagina [W_Solicitud]
 REQ-26: Link para poder ver las solicitudes que la
Empresa Usuaria de TI a Realizado. Redirecciona a la
pagina [W_VerSolicitudes]
 REQ-27: Botón con texto Cerrar Sesión y redireccionara a
la pagina [W_Inicio]
 REQ-28: Botón para Editar su información. Redireccionara
a la pagina [W_EditarEmp]

Página 41
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

 REQ-29: Mensaje si tiene propuestas con Link para Ver


Propuestas que le han hecho a la Empresa Usuaria TI
redirecciona a la pagina [W_Propuestas]
7 Editar Información Empresa Usuaria TI [W_EditarEmp]
7.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa Usuaria TI.
7.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa Usuaria TI y vera información solo para el usuario que en ese
momento logueado.
7.3 Requerimientos Funcionales:
 REQ-30: Al acceder a esta pantalla se cargara un
formulario con los siguientes textbox y con su valor actual
para su correspondiente modificación.
 Nombre
 Apellido Paterno
 Apellido Materno
 Empresa
 Calle y Numero
 Colonia
 Ciudad
 C.P.
 Teléfono
 Correo electrónico
 REQ-31: Un Dropdownlist cargado de una tabla de la
base de datos con los Estados de la República Mexicana.

Página 42
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

 REQ-32: Un Link por si el usuario quiere cambiar su


Password.
 REQ-33: Al dar click en Cambiar Password Habilitara 3
Textbox.
 REQ-34: Un Textbox Para ingresar el actual password.
 REQ-35: Un Textbox Para ingresar el nuevo password.
 REQ-36: Un Textbox Para confirmar el nuevo password.
 REQ-37: Botón con Texto Confirmar. El Cual Actualiza los
datos de la Empresa Usuaria de TI y redirecciona a
[W_PanelEmp]
 REQ-38: Botón con Texto Cancelar. Redirecciona a
[W_PanelEmp]
8 Solicitud [W_Solicitud]
8.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa Usuaria TI.
8.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa Usuaria TI y vera información solo para el usuario que en ese
momento logueado.
8.3 Requerimientos Funcionales:
 REQ-39: La Ventana Mostrar un Textbox para especificar
el perfil de personal que busca
 REQ-40: Mostrara Varios CheckBox’s con las diferentes
tecnologías para poder realizar la búsqueda más
especializada.
 REQ-41: Botón “Enviar” Envía Solicitud a Empresas TI.
Redirecciona a la pagina [W_PanelEmp]. Se Guarda en
Solicitudes

Página 43
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

 REQ-42: Botón con regresar al Panel Empresas Usuarias


[W_PanelEmp]
 REQ-43: Se enviara un correo al H.H. diciéndole que a
recibido una solicitud. No se le muestra datos de la
Empresa Usuaria TI
9 Solicitudes Hechas Por Empresa Usuaria TI [W_VerSolicitudes]
9.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa Usuaria TI.
9.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa Usuaria TI y vera información solo para el usuario que en ese
momento logueado.
9.3 Requerimientos Funcionales:
 REQ-44: Grid Con las solicitudes que a realizado a la
Empresa Usuaria TI. Para ver el historial de las
solicitudes que a realizado
 REQ-45: Link para regresar a pagina [W_PanelEMp]
10 Propuestas [W_Propuestas]
10.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa Usuaria TI.
10.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa Usuaria TI y vera información solo para el usuario que en ese
momento logueado.
10.3 Requerimientos Funcionales:
 REQ-46: Mostrara Grid con las propuestas que tiene al
Empresa Usuaria TI y link Aceptar Propuesta o Ignorar la
propuesta.

Página 44
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

 REQ-47: Si Acepta redirecciona a pagina [W_DatosHH]


 REQ-48: Se enviara Correo a la HH para decir han
aceptado propuesta
 REQ.49: Se enviara Correo al Administrador o IronBit para
saber que se a concertado un trato enviándole los datos
de las Empresas TI y Empresas Usuarias TI
11 Datos Empresas TI [W_DatosHH]
11.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa Usuaria TI. Una Vez que haya aceptado alguna
propuesta
11.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa Usuaria TI y vera información solo para el usuario que en ese
momento logueado.
11.3 Requerimientos Funcionales:
 REQ-50: Mostrar Grid con la información para poder
contactar a la Empresa TI. Nombre Contacto, Teléfono,
Correo.
12 Panel Empresas TI [W_PanelHH]
12.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa TI.
12.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa TI y vera información solo para el usuario que en ese
momento logueado.
12.3 Requerimientos Funcionales:

Página 45
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

 REQ-51: El Panel mostrara Información básica de la


Empresa TI. Nombre Empresa, Nombre Contacto,
Peticiones.
 REQ-52: Mostrara Cuantas Solicitudes Tiene.
 REQ-53: Link con Ver Mas Acerca de las solitudes. Al Dar
Click en el link redireccionara a la pagina [W_SolicitudHH]
 REQ-54: Contendrá un Link para Ver Todas las
Solicitudes de las Empresas Usuarias de TI. Al dar click
Ver Todas en el link redireccionara a la pagina
[W_SolicitudesHH]
 REQ-55: Botón con texto Cerrar Sesión y redireccionara a
la pagina [W_Inicio]
 REQ-56. Botón para Editar su información. Redireccionara
a la pagina [W_EditarHH]
13 Editar Información Empresa TI [W_EditarHH]
13.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa TI.
13.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa TI y cuando quiera modificar algún dato de su información.
13.3 Requerimientos Funcionales:
 REQ-57: Al acceder a esta pantalla se cargara un
formulario con los siguientes textbox y con su valor actual
para su correspondiente modificación.
 Nombre
 Apellido Paterno
 Apellido Materno
 Empresa
 Calle y Numero

Página 46
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

 Colonia
 Ciudad
 C.P.
 Teléfono
 Correo electrónico
 Sitio Web
 REQ-58: Un Dropdownlist cargado de una tabla de la
base de datos con los Estados de la República Mexicana.
 REQ-59: Un Link por si el usuario quiere cambiar su
Password.
 REQ-60: Al dar click en Cambiar Password Habilitara 3
Textbox.
 REQ-61: Un Textbox Para ingresar el actual password.
 REQ-62: Un Textbox Para ingresar el nuevo password.
 REQ-63: Un Textbox Para confirmar el nuevo password.
 REQ-64: Botón con Texto Confirmar. El Cual Actualiza los
datos de la Empresa TI y redirecciona a [W_PanelHH]
 REQ-65: Botón con Texto Cancelar. Redirecciona a
[W_PanelHH]
14 Solicitudes Realizadas a Empresa HH [W_SolicitudHH]
14.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa TI.
14.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa TI y cuando tenga solicitudes que alguna Empresa Usuaria TI
Requiera.
14.3 Requerimientos Funcionales:

Página 47
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

 REQ-66: El Grid Mostrara Información con campos como


Solicitud, Perfil, Tecnología y un campo link con el texto
de Enviar Propuesta. Link Redireccionara [W_enviarmsj]
 REQ-67: Contendrá alguna observación si a leído o no el
mensaje
 REQ-68: Botón Regresar Redireccionara a la pagina
[W_PanelHH]
15 Solicitudes Realizadas a Todas las HH [W_SolicitudesHH]
15.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa TI.
15.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa TI y cuando quiera ver todas las peticiones de Requerimientos
hechas por las Empresas Usuarias de TI.
15.3 Requerimientos Funcionales:
 REQ-69: El Grid Mostrara Información de todas las
solicitudes a Empresas Usuarias de TI que hayan
realizado solicitudes a alguna Empresa TI con campos
como Solicitud, Perfil campo link con el texto de Enviar
Mensaje.
 REQ-70: Al Dar Click en Enviar Mensaje redireccionara a
la pagina [W_EnviarMsj]
 REQ-71: Botón Regresar Redireccionara a la pagina
[W_PanelHH]
16 Enviar Mensajes [W_EnviarMsj]
16.1 Descripción y Prioridad.
Pantalla de alta prioridad; Enviar Mensajes a Empresas TI o Empresas
Usuarias TI.
16.2 Storyboard.

Página 48
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

El usuario accederá a esta pantalla cuando este registrado como


Empresa TI o Empresa Usuaria TI y cuando quiera enviar un mensaje
a alguna Empresa Usuaria de TI o Empresa TI con la propuesta que
tiene para Resolver.
16.3 Requerimientos Funcionales:
 REQ-72: Se Mostrara una Ventana con una serie de
Textbox para poder escribir el mensaje. Con dos botones
con el Texto de Enviar y Cancelar.
 REQ-73: El Botón Enviar deberá enviar el Mensaje a las
solicitudes o las propuestas. Redireccionara a la pagina
[W_PanelHH] o a la pagina [W_PanelEmp] dependiendo
el tipo de usuario que este logueada.
 REQ-74: El Botón Cancelar deberá redireccionara a la
pagina [W_PanelHH] o [W_PanelEmp]
17 Panel Administrador [W_PanelAdmon]
17.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es la Empresa Usuaria TI.
17.2 Storyboard.
El usuario accederá a esta pantalla cuando este registrado como
Empresa Usuaria TI y vera información solo para el usuario que en ese
momento logueado.
17.3 Requerimientos Funcionales:
 REQ-75: Al acceder a esta pantalla se cargaran links con las
opciones Bajas Empresas TI, Bajas Empresas Usuaria TI,
Bajas Solicitudes. Bajas Propuestas
 REQ-76: Link Bajas Empresas Usuaria TI redirecciona a
pagina [W_BajasEmp]
 REQ-77: Link Bajas Empresas TI redirecciona a pagina
[W_BajasHH]

Página 49
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

 REQ-78: Link Bajas Solicitudes redirecciona a pagina


[W_BajasSolicitudes]
 REQ-79: Link Bajas Propuestas redirecciona a pagina
[W_BajasPropuestas]
18 Bajas Empresas Usuarias TI [W_BajasEmp]
18.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es el Administrador.
18.2 Storyboard.
El usuario accederá a esta pantalla cuando este logueado como
Administrador.
18.3 Requerimientos Funcionales:
 REQ-80: Al acceder a esta pantalla se cargara un grid con la
opción de eliminar con Campos de las Empresas Usuarias TI.
19 Bajas Empresas TI [W_BajasHH]
19.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es el Administrador.
19.2 Storyboard.
El usuario accederá a esta pantalla cuando este logueado como
Administrador.
19.3 Requerimientos Funcionales:
 REQ-81: Al acceder a esta pantalla se cargara un grid con la
opción de eliminar con Campos de las Empresas TI.
20 Bajas Solicitudes [W_BajasSolicitudes]
20.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es el Administrador.
20.2 Storyboard.

Página 50
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

El usuario accederá a esta pantalla cuando este logueado como


Administrador.
20.3 Requerimientos Funcionales:
 REQ-82: Al acceder a esta pantalla se cargara un grid con
un listado de todas las peticiones hechas por Empresas
Usuarias TI a Empresas TI con las opciones de eliminar.
21 Bajas Propuestas [W_Propuestas]
21.1 Descripción y Prioridad.
Pantalla de alta prioridad; El único que puede ingresar a esta ventana
es el Administrador.
21.2 Storyboard.
El usuario accederá a esta pantalla cuando este logueado como
Administrador.
21.3 Requerimientos Funcionales:
 REQ-83: Al acceder a esta pantalla se cargara un grid con un
listado de todas las propuestas a Empresas Usuarias TI con
las opciones de eliminar.

Página 51
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Capítulo
4

DISEÑO DEL SISTEMA.

Página 52
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Mapa de Navegación.

Para la representación gráfica de la organización de la información de la

estructura web del sistema se realizo un mapa de navegación que expresa todas

las relaciones de jerarquía y secuencia y además permite elaborar escenarios de

comportamiento de los usuarios (Diagramas de Usuarios).

El sistema comienza con la pantalla de inicio de cual mandara de acuerdo a

un Login con sus respectivos Nombre Usuario y Contraseña el cual identificara el

perfil del usuario y direccionara a sus diferentes módulos o paneles de control para

cada uno de ellos.

Una vez en cada uno de los paneles de usuario tendrán diferentes opciones

para poder realizar sus respectivas actividades, las cuales se detallan en los

correspondientes Diagramas de Usuario. El Sistema esta dividido en 4

subsistemas los cuales son:

Subsistema Funciones
Inicio Contendrá Información de las ultimas solicitudes realizadas,
Login para ingreso, Recuperación de contraseñas, Detalle de
Solicitud y Realización de Solicitudes Rápidas.
Panel Empresa Realizar Solicitudes, Aceptar Solicitudes, Editar su información,
ver propuestas
Panel Proveedor (H.H) Realizar Propuesta, Ver Solicitudes, Editar Información,
Panel Administrador Validar Tecnologías, Bajas de Empresa y Proveedores
Tabla. 4 Subsistemas del B2B

Página 53
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 14 Mapa de Navegación

Página 54
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Diagrama de Usuario Empresa.

La empresa ingresa a la pantalla principal de inicio, si es su primera vez


podrá dar de alta su información y posteriormente ingresa con un Login a su panel
de control el cual contendrá enlaces a paginas donde podrá editar su información,
Realizar solicitudes, Ver propuestas, enviar mensajes de correo desde la pagina,
aceptar propuestas y ver a los proveedores.

FIG. 15 Diagrama Usuario Empresa

Página 55
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Diagrama de Usuario Proveedor (H.H.)

La H.H. ingresa a la pantalla principal de inicio, si es su primera vez podrá


dar de alta su información y posteriormente ingresa con un Login a su panel de
control el cual contendrá enlaces a paginas donde podrá editar su información,
Realizar propuestas, enviar mensajes de correo desde la pagina, ver solicitudes,
ver información de empresas.

FIG. 16 Diagrama Usuario Proveedor H.H.

Página 56
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Diagrama de Usuario Administrador

El administrador estará definido desde la Base de Datos e ingresa a la


pantalla principal de inicio y se logueara directamente para ingresar a su panel de
control el cual contendrá enlaces a paginas donde podrá dar de baja solicitudes,
propuestas, empresas y proveedores, además validar tecnologías y ver las
propuestas aceptadas.

FIG. 17 Diagrama Usuario Administrador

Página 57
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Diseño de la Base de Datos.

Para el diseño de la base de datos se tomo como referencia el modelo

relacional. En esta parte del diseño, se conceptualizaron las tablas con que

debería contar el sistema, así como la información que éstas deberían poseer, y

también la forma de relacionarlas entre sí.

Cabe recordar que para el buen diseño de la base de datos se deben llevar

acabo una nomenclatura de tablas y a su vez los campos de las bases de datos.

FIG. 18 Diagrama del Diseño de Base de Datos.

Página 58
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Nombre Tabla Campos Tipo Llave Primaria Llaves Foraneas


B2B_ESTADO Id_estado Int Id_estado
Std_estado Varchar(45)
B2B_DIRECCION Id_direccion Int Id_direccion Id_estado
Drc_callenum Varchar(45)
Drc_colonia Varchar(45)
Drc_ciudad Varchar(45)
Drc_codigo Int
Drc_telefono Varchar(45)
Id_estado Int
B2B_TIPO_USUARIO Id_tipo_usuario Int Id_tipo_usuario
Tpo_user Varchar(45)
B2B_LOGIN Id_login Int Id_login Id_tipo_usuario
Lgn_user Varchar(45)
Lgn_pass Varchar(45)
Id_tipo_usuario Int
B2B_EMPRESA Id_empresa Int Id_empresa Id_direccion
Mpr_empresa Varchar(45) Id_login
Mpr_nombre_contacto Varchar(45)
Mpr_apellido_paterno Varchar(45)
Mpr_apellido_materno Varchar(45)
Mpr_correo Varchar(45)
Mpr_sitio_web Varchar(45)
Mpr_status Bit
Id_direccion Int
Id_login Int
B2B_PROVEEDOR Id_proveedor Int Id_proveedor Id_direccion
Prv_proveedor Varchar(45) Id_login
Prv_nombre_contacto Varchar(45)
Prv_apellido_paterno Varchar(45)
Prv _apellido_materno Varchar(45)
Prv _correo Varchar(45)
Prv _sitio_web Varchar(45)
Prv _status Bit
Id_direccion Int
Id_login Int
B2B_TIPO_SOLICITUD Id_tipo_solicitud Int Id_tipo_solicitud
Tps_solicitud Varchar(45)
B2B_SOLICITUD Id_solicitud Int Id_solicitud Id_empresa
Slc_titulo Varchar(45) Id_tipo_solicitud
Slc_perfil Varchar(45)
Slc_texto Varchar(255)
Slc_fecha Date
Slc_leida Bit
Slc_contestada Bit
Slc_status Bit
Id_empresa Int
Id_tipo_solicitud Int
B2B_SOLICITUD_PROVEEDOR Id_solicitud_proveedor Int Id_solicitud_proveedor Id_solicitud
Id_solicitud Int Id_proveedor
Id_proveedor Int
B2B_EXPRESS Id_express Int Id_express Id_solicitud
Id_solicitud Int Id_tipo_solicitud
Id_tipo_solicitud Int
Xpr_correo Varchar(45)

Página 59
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

B2B_TECNOLOGIA Id_tecnologia Int Id_tecnologia


Tcn_tecnologia Varchar(45)
B2B_SOLICITUD_TECNOLOGIA Id_solicitud_tecnologia Int Id_solicitud_tecnologia Id_solicitud
Id_solicitud Int Id_tecnologia
Id_tecnologia Int
B2B_PROVEEDOR_TECNOLOGIA Id_proveedor_tecnologia Int Id_proveedor_tecnologia Id_proveedor
Id_proveedor Int Id_tecnologia
Id_tecnologia Int
B2B_PROPUESTA Id_propuesta Int Id_propuesta Id_proveedor
Prp_titulo Varchar(45) Id_empresa
Prp_perfil Varchar(45)
Prp_texto Varchar(255)
Prp_fecha Date
Prp_leida Bit
Prp_aceptada Bit
Prp_status Bit
Id_proveedor Int
Id_empresa Int
B2B_PROPUESTA_TECNOLOGIA Id_propuesta_tecnologia Int Id_propuesta_tecnologia Id_propuesta
Id_propuesta Int Id_tecnologia
Id_tecnologia Int

Tabla 5. Tablas de la BD de Sistema B2B

Página 60
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Capítulo
5

DESARROLLO E IMPLANTACION
DEL SISTEMA.

Página 61
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

El desarrollo del sistema implico la programación tanto de la interfaz con

ASP.NET como el codebehind en Visual Basic .NET, de igual manera la creación

de la base de datos y la programación de los procedimientos almacenados en

SQL Server. Los entornos en que se programaron cada uno de los puntos

mencionados fueron la Visual Studio 2008 y SQL Server 2008 Managent Studio

Express.

Master Page.
Una vez definido el diseño del sistema se procederá a realizar la

programación, antes de continuar con este punto hay que definir una master page

que actua como contenedor de plantillas y combinación de pagnias que están

formadas solo por controles content y sus controles secundarios respectivos.

Para el sistemas de crearon 4 master page las cuales están dividas para

cada uno de los subsistemas estas contendrán un menú respectivo y con su

devida programación para enlazar a diferentes paginas del proyecto. Las 4 master

page del sistemas son:

MasterInicio.master

MasterEmp.master

MasterProvee.master

MasterAdmon.

Página 62
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Para poder continuar hay que definir las propiedades “inherits” y “codefile”

no es mas que hacer una referencia a su código en visual basic. El cual tendrá un

extencion .vb mientras que las pagina tendrán extensión .aspx. Acontinuacion se

muestra como debe ir el encabezado de una master page.

<%@ Master Language="VB" CodeFile="MasterInicio.master.vb"


Inherits="MasterInicio" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

La master page esta definida por 3 estructuras pequeñas que son: header

que es la cabecera de la pagina, el body que contiene todo el cuerpo principal de

la pagina(content) y el footer que es el pie de la pagina.

FIG. 19 Modo Diseño de Master Page

Página 63
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

CSS.

Se programo una Hoja de Estilo en Cascada (Cascading Style Sheets) que

va actuar como un simple mecanismo simple que describirá cómo se va a mostrar

un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser

pronunciada la información presente en ese documento a través de un dispositivo

de lectura.

Para esto se crearon pequeñas clases con propiedades para controles,

texto, estilo, tamaño, color de fondo, imágenes y otras propiedades de diseño para

controles.

FIG. 20 Programación de CSS.

Página 64
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Configuración del web.config

Este archivo facilita de manera eficiente diferentes la configuración para una

aplicación web en ASP.NET. El archivo es un documento XML que define

información de configuración concerniente a la aplicación web. El archivo controla

la carga de modulos, configuraciones de seguridad, configuraciones del estado de

la sesión, opciones de compilación y el lenguaje de la aplicación.

FIG 21. Configurando Web.config

Página 65
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Conexión a Base de Datos.

Para hacer mas fácil la comunicación de la conexión a la base de datos, se

modifico el archivo web.config, en donde es posible almacenar más de una

cadena de conexión. Para asi ahorrar código y tiempo a la hora de programar.

Para hacer esta modificación solo es necesario añadir las siguientes líneas de

código al archivo.

<connectionStrings>
<add name="conex" connectionString="Data Source=--SPYRO--
\SQL2008;Initial Catalog=B2B;User ID=sa;Password=yoshi"/>
</connectionStrings>

Creación de credenciales para Correo Electrónico.

Para lograr enviar correos por páginas aspx hay que configurar una

credencial SMTP para poder enviar correos de manera eficiente, la credencial

debe contener un correo electrónico valido y que permita comunicación via SMTP

fuera de su servicio. Para hacer esta modificación solo es necesario añadir las

siguientes líneas de código al archivo.

<system.net>
<mailSettings>
<smtp deliveryMethod="Network" from="ironpeople@ironbit.com.mx">
<network host="smtp.ironbit.com.mx"
port="587"
defaultCredentials="false"
userName="ironpeople@ironbit.com.mx"
password="yoshi"/>
</smtp>
</mailSettings>
</system.net>

Página 66
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Definición del sistema en una región establecida.

El sistema por default esta definido en una región (cultura US) que no es de

habla latina para poder realizar esta modificación y asi no tener problemas para la

comunicación entre diferentes equipos se realiza la modificación en el web.config

agregando las siguientes líneas al archivo.

<globalization requestEncoding="utf-8" responseEncoding="utf-8"


culture="es-MX"/>

App_code

Esta carpeta contendrá clases que servirán de ayuda para la programación

del sistema como serian comunicación con base de datos, llenado de controles y

validación de controles.

Conexión.vb

Esta clase se programo con que funciones retornaran valores de la

comunicación con la base de datos, cada una de las funciones deberá contener

las siguientes líneas de código.

Dim cmdCommand As Data.SqlClient.SqlCommand


Dim con As New SqlClient.SqlConnection
Dim cadena As String
cadena =ConfigurationManager.ConnectionStrings("conex").ConnectionString

Página 67
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Las funciones que contendrá esta clase se enlista en la siguiente tabla:

Public Shared Function EjecutaDatasetSP(ByVal StoredProcedure As String,


Optional ByVal Parametros As Hashtable = Nothing) As DataSet
Public Shared Function EjecutaDataTableSP(ByVal StoredProcedure As
String, Optional ByVal Parametros As Hashtable = Nothing) As
Data.DataTable
Public Shared Function EjecutaSP(ByVal StoredProcedure As String,
Optional ByVal Parametros As Hashtable = Nothing) As Boolean
Public Shared Function EjecutaSP(ByVal StoredProcedure As String, ByVal
Parametros As Hashtable, ByVal NameParamIdentity As String) As Object
Public Shared Function EjecutaDatasetQry(ByVal strQry As String) As
DataSet
Public Shared Function EjecutaDataTableQry(ByVal strQry As String) As
DataTable
Public Shared Function EjecutaQuery(ByVal strQry As String) As Boolean
Tabla 6. Funciones Clase Conexion.vb

Fill.vb

Esta clase se programo con que funciones las cuales llenaran controles

como gridview, dropdownlist, listbox, datagrid, radiobuttonlist , detailsview, menus

apartir de un controle y valores para la comunicación con la base de datos. Las

funciones que contendrá esta clase se enlista en la siguiente tabla:

Public Shared Sub DropDownListQry(ByVal ddlst As


System.Web.UI.WebControls.DropDownList, ByVal qry As String)
Public Shared Sub DropDownListSP(ByVal ddlst As
System.Web.UI.WebControls.DropDownList, ByVal StoredProcedure As String,
Optional ByVal Parametros As Hashtable = Nothing)
Public Shared Sub ListBoxQry(ByVal lstBox As
System.Web.UI.WebControls.ListBox, ByVal qry As String)
Public Shared Sub ListBoxSP(ByVal lstBox As
System.Web.UI.WebControls.ListBox, ByVal StoredProcedure As String,
Optional ByVal Parametros As Hashtable = Nothing)
Public Shared Sub RadioButtonListQry(ByVal rblst As
System.Web.UI.WebControls.RadioButtonList, ByVal qry As String)
Public Shared Sub RadioButtonListSP(ByVal rblst As
System.Web.UI.WebControls.RadioButtonList, ByVal StoredProcedure As
String, Optional ByVal Parametros As Hashtable = Nothing)

Página 68
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Public Shared Sub DataGridQry(ByVal dtg As


System.Web.UI.WebControls.DataGrid, ByVal qry As String)
Public Shared Sub DataGridSP(ByVal dtg As
System.Web.UI.WebControls.DataGrid, ByVal StoredProcedure As String,
Optional ByVal Parametros As Hashtable = Nothing)
Public Shared Sub GridViewQry(ByVal GV As
System.Web.UI.WebControls.DataGrid, ByVal qry As String)
Public Shared Sub GridViewSP(ByVal GV As
System.Web.UI.WebControls.GridView, ByVal StoredProcedure As String,
Optional ByVal Parametros As Hashtable = Nothing)
Public Shared Sub DetailsViewQry(ByVal DV As
System.Web.UI.WebControls.DetailsView, ByVal qry As String)
Public Shared Sub DetailsViewSP(ByVal DV As
System.Web.UI.WebControls.DetailsView, ByVal StoredProcedure As String,
Optional ByVal Parametros As Hashtable = Nothing)
Public Shared Sub FillMenuItemsSuperiorSP(ByVal _Menu As Menu, ByVal
StoredProcedure As String, ByVal Valor As String, ByVal TextCol As
String, Optional ByVal Parametros As Hashtable = Nothing, Optional ByVal
Url As String = Nothing, Optional ByVal imagenUrl As String = Nothing)
Public Shared Sub FillMenuItemsSuperiorSPWL(ByVal _Menu As Menu, ByVal
StoredProcedure As String, ByVal Valor As String, ByVal TextCol As
String, Optional ByVal Parametros As Hashtable = Nothing, Optional ByVal
Url As String = Nothing, Optional ByVal imagenUrl As String = Nothing)
Public Shared Sub FillMenuItemsSuperiorPerfilSP(ByVal _Menu As Menu,
ByVal StoredProcedure As String, ByVal MenId As String, ByVal MenPadre As
String, ByVal TextCol As String, ByVal Url As String, Optional ByVal
Parametros As Hashtable = Nothing)
Private Shared Sub FillMenuItemsInferioresSP(ByRef mnMenuItem As
MenuItem, ByVal dt As Data.DataTable, ByVal MenId As String, ByVal
MenPadre As String, ByVal TextCol As String, ByVal Url As String)
Tabla 7. Funciones Clase Fill.vb

Validar.vb

Esta clase se programo para identificar controles como textbox vacios,

radio, dropdownlist, listbox sin selección, correos escritos correctamente etc. Las

funciones que contendrá esta clase se enlista en la siguiente tabla:

Public Shared Function valida_campos(ByVal objeto As Object) As Boolean


Shared Function email(ByVal p_email As String) As Boolean
Shared Function Numeros(ByVal cadena As String) As Boolean
Tabla 8. Funciones Clase Validar.vb

Página 69
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Programación.

Por cuestiones de políticas la empresa Ironbit S.A. de C.V. no permite la

presentación de código, por lo que se integran solo pantallas de la realización del

sistema.

Subsistemas: Inicio

Pantalla Inicio.aspx Pantalla principal de inicio contiene, información

acerca del sistema, Gridview con las ultima solicitudes realizadas y enlace

al detalle de cada solicitud, Links hacia Login para empresa y proveedores,

recuperación de contraseñas, registros de nuevos usuarios

Fig. 22. Pantalla Inicio.aspx

Página 70
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Pantalla Solicitudes.aspx Pantalla proveniente de la principal de


inicio, mostrando todas las solicitudes de las empresas conteniendo
enlaces a detalles para cada solicitud.

Fig. 23. Pantalla Solicitudes.aspx

Pantalla Registros.aspx Pantalla proveniente de la principal de inicio,

mostrando los campos para poder registrar empresas y proveedores.

Pantalla Login.aspx Pantalla proveniente de la principal de inicio,

mostrando los campos para poder ingresar como empresa, proveedor o

administrador. Que enviara a sus distintos Paneles de Actividades. Link

programado para enviar a pagina de recuperación de contraseña

Página 71
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 24. Pantalla Registros.aspx

Fig. 25. Pantalla Login.aspx

Página 72
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Pantalla Detalles.aspx Pantalla proveniente de la principal de inicio o de

solicitudes mostrando el detalle de las solicitudes realizadas.

Pantalla Recuperacion.aspx Pantalla proveniente de la principal de inicio o

de Login mostrando campo en donde se ingresara el correo de la cuenta

para recuperar el usuario y contraseña.

Fig. 26. Pantalla Detalles.aspx

Página 73
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 27. Pantalla Recuperar.aspx

Subsistemas: Proveedor

Pantalla PanelProvee.aspx Pantalla proveniente del Logueo mostrando

gridview con las principales solicitdes realizadas por la empresa, contiene

enlaces para la edición de sus datos, solicitudes de empresas, propuesta

enviadas, enviar propuesta y cerrar sesión.

Pantalla Editarprovee.aspx Pantalla proveniente del panel de proveedor

contiene campos para la edición de sus datos.

Página 74
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 28. Pantalla Panelprovee.aspx

Fig. 29. Pantalla Editarprovee.aspx

Página 75
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Pantalla SolicitudesProvee.aspx proveniente del panel de proveedor

contiene gridview con las solicitudes de las empresa y enlaces para abrir un

panel con sus detalles y botón para enviar propuesta.

Pantalla Enviarprop.aspx Pantalla proveniente de solicitudes de empresas

en la cual se podrá enviar un correo a la empresa para realizar un

propuesta.

Pantalla Historialprop.aspx Pantalla proveniente del panel de proveedor

contiene un gridview con la propuestas enviadas por la empresa logueada

en ese momento.

Fig. 30. Pantalla Solicitudesprovee.aspx

Página 76
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 31. Pantalla Enviarprop.aspx

Fig. 32. Pantalla Historialprop.aspx

Página 77
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Subsistemas: Empresa

Pantalla PanelEmp.aspx Pantalla proveniente del Logueo mostrando

gridview con las principales solicitudes realizadas por esa empresa

logueada y gridview con las propuestas recibidas. De igual manera

contiene enlaces para la edición de sus datos, realizar solicitudes, historia

de solicitudes, propuestas recibidas y cerrar sesión.

Pantalla Editaremp.aspx Pantalla proveniente del panel de empresa

contiene campos para la edición de sus datos.

Fig. 33. Pantalla panelemp.aspx

Página 78
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 34. Pantalla editaremp.aspx

Pantalla Solicitud.aspx Pantalla proveniente del panel de empresa

contiene campos para poder realizar una solicitud y enviar a los

proveedores.

Pantalla HistorialSolicitud.aspx Pantalla proveniente del panel de

empresa contiene gridview y detalle de cada solicitud.

Página 79
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 35. Pantalla Solicitud.aspx

Fig. 36. Pantalla HistorialSolicitud.aspx

Página 80
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Pantalla Propuestas.aspx Pantalla proveniente del panel de empresa

contiene gridview con la propuestas recibidas para cada una de las

solicitudes y detalles de cada una.

Fig. 37. Pantalla Propuestas.aspx

Subsistemas: Administrador

Pantalla PanelAdmon.aspx Pantalla proveniente del Logueo mostrando

gridview con las principales propuestas aceptadas resumen de empresas y

proveedores registrados, enlaces para de baja propuestas, solicitudes,

empresas, propuestas, validar tecnologías, propuestas aceptadas y cerrar

sesión.

Página 81
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 38. Pantalla PanelAdmon.aspx

Pantalla bajas.aspx Pantalla proveniente del panel de administrador

contiene gridview de acuerdo con la baja que se requiera realizar, la baja

se realiza pulsando sobre una imagen.

Pantalla ValidarTecno.aspx Pantalla proveniente del panel de

administrador contiene gridview con las tecnologías dadas de alta para

poder realizar alguna modificación y validar la tecnología.

Página 82
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Fig. 39. Pantalla Bajas.aspx

Fig. 40. Pantalla ValidarTecno.aspx

Página 83
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Pantalla Propaceptada.aspx Pantalla proveniente del panel de

administrador contiene gridview con las propuestas aceptadas por las

empresas para el control del sistema.

Fig. 41. Pantalla Propaceptada.aspx

Página 84
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Capítulo
6

PLAN DE PRUEBAS.

Página 85
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Para realizar pruebas una vez terminado el sistema se debe configurar el

Internet Information Server (IIS), ya que este servicio convierte la computadora en

un servidor de Internet o Intranet es decir que en las computadoras que tienen

este servicio instalado se pueden publicar páginas web tanto local como

remotamente (servidor web).

Antes que nada hay que verificar si tenemos instalado el IIS. Para

comprobar Ir . Inicio → Panel de Control → Agregar o Quitar Programas →

Agregar o Quitar Componentes de Windows. Si el servicio esta marcado no hay

necesidad de instalar de lo contrario dar selección y dar en siguiente y colocar un

CD de Windows.

Fig. 42. Instalacion de IIS

Página 86
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Una vez instalado el IIS procedemos a publicar nuestro sistema para poder

realizar las pruebas de manera mas optima. Para lo cual nos dirigimos a C →

Inetpub → wwwroot . Dentro de esta carpeta creamos una carpeta con el nombre

de B2B y dentro de esta copiamos todo el proyecto completo.

Después nos dirigimos a Inicio → Panel de Control → Herramientas

administrativas → Servicios de Internet Information Server. Desplegamos el Arbol

de la derecha hasta que veamos la carpeta que acabamos de crear, damos click

derecho y propiedades.

Fig. 43. Publicación del Sistemas en el IIS

Página 87
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Dentro de Propiedades en la pestaña de Directorio dar click en el botón de

Crear y escribir B2B como nombre, en la pestaña de documentos agregar la

pagina de inicio.aspx y por ultimo en asp.net seleccionar la versión con que se

trabajara y dar por ultimo en aceptar

Fig. 44. Configuración de propiedades de B2B

Una vez realizado lo anterior procedemos abrir una ventana de navegador e

introducimos la dirección http://localhost/B2B/ la cual abrirá nuestra aplicación y

procedemos a realizar de las pruebas necesarias para el funcionamiento del

sistema.

Página 88
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Pruebas para verificar validaciones de campos de vacios, radios,

dropdownlist sin seleccionar, correos validos etc, pantallas principales y en las

que se requiera. Estos mensajes de Error son habilitando asteriscos en color rojo

para la ubicación.

Fig. 45. Ejemplo de la prueba de validaciones.

Página 89
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Pruebas para verificar controles de ajax como ventanas emergentes de tipo

modal en pantallas como recuperación de correos, registro correcto de usuarios

etc.

Fig. 46. Ejemplo de la prueba de ajax.

Otras pruebas que no tiene mucha relevancia para el sistema fueron:

Validación de Campos Numéricos

Campos Usuario y Contraseña con mínimo de caracteres

Correos Recibidos exitosamente

Compatibilidad con otras Navegadores (Opera, Firefox)

Botones deshabilitados

Correcto ingreso y salida de datos de Sql Server

Página 90
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Conclusiones y Recomendaciones.

La realización de este proyecto introdujo muchos conceptos que se tienen

que estar presentes por ejemplo hay que tener en cuenta los principales puntos de

un sistema B2B que deben cumplir ya que sin estos el sistema no realiza sus

principal función que es la de mostrar antes de vender.

Las recomendaciones para realizar sistemas B2B, es que deben de cumplir

con los siguientes puntos

1. Da antes de pedir información al usuario.

2. Muestra todo lo que tengas antes de pedir registro.

3. Si por motivos de confidencialidad no puedes mostrarlo, haz una demo real

con información simulada.

4. Simplifica el registro.

5. Ofrece contenido de valor.

Este sistema fue desarrollo por la iniciativa de Ironbit al no poder contratar

personal calificado y enfocado a tecnologías en especifico, ya que los clientes

constantemente se están actualizando y requieren de capital humano. Lo cual

acerca a empresa con proveedores de servicios de TI.

Página 91
Dirección General de Educación Superior Tecnológica
Instituto Tecnológico de Zacatepec

Referencias.
http://www.dce2005.com

http://msdn.microsoft.com

http://www.netveloper.com

www.elguille.info/

Visual Studio 2008 Training Kit

http://technet.microsoft.com/es-mx/default.aspx

Innovation Tour Microsoft Octubre 2008 Mexico D.F.

Página 92