TECNOLOGICO DE ESTUDIOS SUPERIORES DE CUAUTITLÁN IZCALLI

ORGANISMO DECENTRALIZADO DEL ESTADO DE MEXICO

SISTEMAS COMPUTACIONALES

Autor: Pineda Vega José Luis Manuel Co-Autor: Vázquez García Joel,

Ramírez Bonilla Isaac, López

Contreras José Eduardo

INDICE

Introducción 1

Justificación 2

Objetivo 3

Planteamiento del Problema 4

Hipótesis 5

Viabilidad 6

Factibilidad 7

Impacto Social 8

Impacto Económico 9

Impacto Técnico 10

Innovación 11

Característica Principal 12

Materiales 13

Programa 14

Diseño 15

Técnicas para el Desarrollo del Proyecto 16

Presentación Escrita 17

Conclusiones 18

Anexos 19

INTRODUCCIÓN

SISTEMAS COMPUTACIONALES: Un conjunto de conocimientos de

lenguajes de programación, conocimiento de redes y hardware para poder

resolver problemas para los usuarios por medio de un programa, haciendo

más fácil el uso de aplicaciones.

Mediante un protocolo muy simple (HTTP), un sistema de localización de

recursos (URL) y un lenguaje de marcas (HTML) se podía poner a

disposición de todo científico en el mundo la información existente en el

CERN de tal forma que mediante enlaces se pudiese acceder a información

relacionada con la consultada.

CONCEPTO TÉCNICO DE PAGINAS WEB: Son un conjunto de etiquetas

que necesitan usar un navegador para poder ser interpretadas, se usa un

lenguaje llamado HTML en conjunto de CSS, que a su vez puede ser

complementado con PHP o JavaScript para crear interfaces de usuario.

En primer lugar, decir que la Web no fue concebida para el desarrollo de

aplicaciones. El problema que se pretendía resolver su inventor, Tim

Berners-Lee, era el cómo organizar información a través de enlaces. De

hecho la Web nació en el laboratorio de partículas CERN básicamente para

agrupar un conjunto muy grande de información y datos del acelerador de

partículas que se centraba muy dispersa y aislada.

1

JUSTIFICACIÓN

En cualquier ciencia en la cual se realizan actividades de investigación se

genera gran cantidad de información, igual sucede con las actividades

relacionadas con el trabajo administrativo y docente, por esta razón se hace

necesario la sintonización de dicha información para darle un adecuado

manejo, aprovechar su aprovechamiento y acelerar su consulta.

Para esta tarea de administración de datos , la Internet y en especial la Web

se han constituido en una herramienta de bastante utilidad ya que permite

en acceso simultaneo de muchos usuarios a servidores de datos en una

forma rápida y económica a través de documentos HTML (páginas WEB) ,

además , gracias a las nuevas tecnologías es posible distribuir y ejecutar

aplicaciones a través de la red permitiendo de esta forma un ahorro

sustancial en los costos de licencia de software y equipos de cómputo.

Desarrollando una disciplina creativa apegada a las guías de imagen

institucional del cliente, nos proporciona otras herramientas técnicas para

justificar nuestras decisiones creativas y de optimización.

Aunque la empresa carezca de un manual de marca como tal, siempre

existen elementos de imagen corporativa que pueden darnos algunos

lineamientos gráficos, sin embargo, no siempre es la intención del cliente

darle continuidad a ese estilo, por lo que es mejor llegar a esa expectativa.

2

OBJETIVO

Un diseño que potencie la imagen de su marca y de su empresa. Es

importante que la página web refleje la identidad corporativa de la empresa

y se asimile a su negocio en el mundo real. Internet es otra delegación más

de su negocio, por la cual pasará mucha más gente que por su empresa,

por eso es importante un diseño adecuado, coherente con la personalidad

de su negocio y agradable a la vista. El mejor diseño suele ser siempre el

más sencillo, el que apenas se percibe. Tiempo de carga mínimo. Un buen

diseño se refleja también en un tiempo de carga mínimo. La idea es que su

web sea lo más ligera posible. Las imágenes justas y optimizadas. Un

página web tiene que ser dinámica, debe cargarse rápido, y desplegar

contenidos que entiendan casi a golpe de vista. Claridad Es imprescindible

que la página presente un mensaje específico. Hay algunos datos básicos

que no deberían faltar en la web. Mientras más simple sea el acceso a la

información, más cómodos se sentirán los navegantes. Y cuanto más

sencilla sea la dirección del sitio web, más fácil resultará recordarla. La

función de un sitio es brindar una idea clara de lo que ofrece determinada

empresa. Actualización Una página web no puede permanecer meses sin

cambios. Tiene que presentar transformaciones, novedades, ofertas

mensuales, que multipliquen la cantidad de visitas. Organización Los

contenidos deben estar organizados pensando en el usuario y no en la

empresa. La información debe ser relevante para el público que consulta la

página, y organizarse en relación con los intereses de este público.

Autoadministración Luego de diseñar la web, una de las tareas más

importantes es mantener la página actualizada. Para ello es necesario que

las novedades puedan incluirse lo antes posible sin excesivas

complicaciones. Belleza Para captar la atención de los usuarios, el sitio web

debe ser atractivo y diferente. Diferente, sobre todo, al de los competidores.

La página tiene que permitir la rápida evocación de los productos y de la

empresa. Seguridad El hosting (servidor o alojamiento de la página web)

que contratemos debe ser fiable y seguro, de nada sirve un excelente

diseño si el servidor se cae continuamente.

3

PLANTEAMIENTO DEL PROBLEMA

De varios lenguajes que sean capaces de abstraer cualquier tipo de

sistema, sea informático o no, mediante los diagramas, es decir, mediante

representaciones gráficas que contienen toda la información relevante del

sistema.

En cualquier proyecto, requiere etapas de modelamiento que permitan

experimentar y visualizar el sistema que se construirá.

Principios de Modelado

La forma como vemos el problema tiene una profunda influencia en forma

como acometemos el problema y le damos solución al mismo. Si pensamos

que el mundo está compuesto de clases (abstracción de la realidad y la

solución del problema) y objetos (instancias de éstas) que interactúan entre

sí para efectuar (realizar) una funcionalidad, así veremos el mundo. Si

vemos la calidad como compuesta de procesos desde cada uno a su vez se

puede descomponen subprocesos entonces estamos contiendo la realidad

según el modelo estructurado y la arquitectura del sistema en desarrollo

estará conformada de programas y subprogramas haciendo que el proyecto

web llene las perspectivas de todos los usuarios y del cliente.

Para modelar un sistema complejo no es suficiente un único modelo, se

requieren múltiples modelos donde cada una representa una vista de lo que

el cliente necesita; estos modelos se complementan entre sí. Esta es la

razón de la existencia de varias maquetas que son entregadas a los clientes

(máximo cuatro) que modelan lo que es, llegará a ser o sería el proyecto

final.

Podríamos contar con el grado de detalle con que se presenta un modelo;

por ejemplo, si lo que desea es razonar acerca de los requerimientos del

sistema con un cliente o usuario final, se puede elaborar un diagrama de

clases que muestra las clases, sus atributos y operaciones, así como varios

adornos (multiplicidad) en las relaciones.

4

HIPÓTESIS

Tener la finalidad de que todos nuestros avances tecnológicos y de

programación tengan un avance lógico y tecnológico, y que con el paso del

tiempo así poder lograr una mayor satisfacción para el usuario.

Nuestros programas deben de ser usados por todo el público, ya sea para

un anuncio o hasta para poder realizar una página en internet y pode así

llevar sus negocios a otros niveles que no puedan alcanzar.

5

VIABILIDAD

De acuerdo con los siguientes criterios buscaremos la manera más óptima

para llegar a la obtención de como programar una página web con el fin de

que la programación ayude al entorno que lo rodea.

• La programación web nos ayudara en el ámbito de los negocios ya que

con la programación web se le podrá realizar una página web en internet a

una empresa y de esta forma ser más conocida por una cantidad mayor de

usuarios de tal manera que sus ventas aumentaran. • En el entorno social

esto nos ayudara a ahorrar tiempo en la búsqueda de nuevas empresas que

brinden servicios, incluyendo que al usuario se le hará más atractivo que

visitar una página web que un anuncio de papel y en color gris.

6

FACTIBILIDAD

Para poder realizar a cabo todos nuestros programas y todas las técnicas

que estas están aplicadas a la programación de páginas web es necesario

contar con recursos que enriquezcan y beneficien estos mismos.

Uno de los recursos indispensables es la programación y una computadora

ya que con etas dos herramientas podremos realizar trabajos

espectaculares.

7

IMPACTO SOCIAL

La evolución de estrategias virtuales como herramientas para la promoción

de medios, han proliferado considerablemente en el entorno de internet.

Son varias las causas que obedece a esta conducta como por ejemplo:

expectativas políticas, tecnológicas, religiosas, sociales, culturales, y porque

no decirlo sentimentales. Sin embargo es preciso en un punto preciso del

camino establecer métricas conceptuales que permitan garantizar la calidad

de una seria web y justificar su presencia en la “red”. Es decir, determinar su

verdadero impacto (que puede caer en dos términos: benefactor o

perjudicial), para los usuarios finales (quien utiliza la sede) y la empresa

(quien publica los contenidos).

El impacto deberá fundamentarse en la aceptación y la utilidad que ofrece

una Sede Web a sus usuarios genéricos, dentro del siguiente contexto:

• Provisión de medios de información relacionales a diversos contenidos y

medios. • Accesibilidad a los medios dentro de un mayor número de

entornos (tecnológico, geográfico, humano). No se podría decir que lo

mismo acceder al sitio un novato "miope" de habla hispana con una 386,

que un piloto japonés con una Pentium IV... Se debe tomar en cuenta su

naturaleza daltónica, discapacidades, experiencia de uso, etc. • Servicios

agregados y su relación aceptación/adaptación por el usuario. • Satisfacción

del usuario al momento de cumplir sus objetivos de navegación. • Desde el

punto de vista de "Web Designer", estos parámetros se convierten en

indicadores de un verdadero diagnóstico del sitio, que determinan entre

otras cosas, su Calidad de Uso (Usabilidad) y la factibilidad de recurrir a una

Reingeniería Web (documentación, interfaces, procesos en sí). No obstante,

desde la concepción de empresa virtual, permite esclarecerle el hito entre

"usuarios fieles" y simples visitas.

El análisis de impacto de una o una página web se puede considerar desde

dos puntos “ex-ante y ex-post al desarrollo de las o páginas web. Un estudio

ex ante sugiere que el desarrollo se base en el análisis previo de las

necesidades de los usuarios/clientes, con el propósito de conseguir las

expectativas del proyecto. En el estudio ex post, este análisis permitirá tener

un diagnostico seguro del sitio para consideraciones posteriores en su

mejora.

8

IMPACTO ECONOMICO

La tecnología informática es tan importante y su uso se ha generalizado de

una manera espectacular que ha generado unos ingresos enormes a la

economía mundial. Hoy en día la informática está presente por medio de la

computadora u ordenador en cualquier oficina, negocio, en los bancos, en

prácticamente cualquier lugar que se maneje información.

Para conocer cuál es el impacto económico en la tecnología informática.

Tenemos que decir que la economía mundial ya no se concibe sin la

informática. Todas las facetas de la economía de cualquier país están

gestionadas por la informática.

En la economía actual es el desarrollo tecnológico es el que provoca el

cambio y la reducción de costes más importante. La informática juega el

papel más importante de este desarrollo tecnológico. Dentro de la

tecnología informática el campo que más ha impulsado a la economía

mundial ha sido el de las redes de comunicación y de sus usos comerciales.

Estas redes informáticas ya eran conocidas desde 1960, pero fue a partir de

1992, con la aparición de la “World Wide Web” como se desarrolló de una

manera espectacular Internet. La World Wide Web es un complejo servicio

de información que de forma gráfica y grata, permite la navegación de

páginas, o de información multimedia (con texto, imagen, video y voz) que

poseen las diferentes computadoras que conforman Internet.

Y es concretamente en el desarrollo de las redes informáticas donde se

prevé que el impacto económico será mayor en los próximos años. La

tecnología informática tiende a integrar los actuales servicios de correos,

teléfono, fax y televisión gestionándolos de una manera más eficiente, y

propiciando un espectacular desarrollo del mundo de las comunicaciones.

9

IMPACTO TÉCNICO

El desarrollo web ha evolucionado a lo largo de los años, tan simple como la

integración que tienen que hacer con las nuevas tecnologías para

complementar una página perfecta.

CSS, PHP son sólo un ejemplo de los lenguajes que complementan a HTML

teniendo la posibilidad de que podamos tener hasta un lienzo para dibujar

en una pantalla web haciendo prácticamente inútil a Flash con el nuevo

HTML 5 y sus nuevas funciones.

Con esto logramos menor peso en las páginas, mayor desempeño y un

mínimo uso de recursos de hardware de los dispositivos.

Teniendo en consideración el constante actualización de los programadores

para no quedar obsoletos con sus conocimientos técnicos.

10

INNOVACIÓN

La innovación es un aspecto importante en la programación, buscar siempre

que se puede mejorar y que se debe eliminar, esto es mejor hacerlo en

código abierto para que toda la comunidad de desarrolladores haga mejoras

y experimente una forma para mejorar el lenguaje (como paso con MySQL)

y desbancar a los demás lenguajes para colocarse en la mejor posición

posible.

Es el caso de HTML con su versión 5, ahora se pueden hacer maravillas a

tal grado de que el uso de flash ya es casi inútil (Apple y sus iDevices han

eliminado el soporte para Flash).

11

CARACTERISTICA PRINCIPAL

La característica principal de las páginas HTML es buscar la mejor

implementación, sencillez e interacción con el usuario, haciendo que junto

con un marketing bueno sea exitoso el negocio o la empresa que está

solicitando el servicio.

12

MATERIALES

Para ponernos a diseñar páginas web nos hace falta realmente poco

material. En la mayoría de los equipos con Windows, y en otros sistemas,

se encuentran todos los materiales necesarios para empezar. Por lo que en

principio no necesitarás obtener nuevos programas.

En concreto, los materiales necesarios son un editor de textos, con el que programaremos nuestras páginas y un cliente web como Internet Explorer o Firefox, Opera, o cualquier otro navegador que tengamos instalado. Como un ordenador Windows por defecto siempre tiene instalado el Block de Notas y también el Internet Explorer se puede empezar a construir una página web sin más necesidades.

Si lo deseamos, será también muy fácil obtener un editor de textos sencillo, de texto plano, y un navegador con el que ver las páginas que vamos a crear, si es que no están instalados ya en nuestro ordenador. En DesarrolloWeb.com tenemos una sección de programas donde hay una clasificación de software útil para crear páginas web. Podéis buscar un cliente web en la sección de programas de navegación y un editor de texto en la sección de programas de programación.

Por si alguien lo desea también cabe hablar de otros directorios donde descargar programas interesantes no sólo para hacer webs, sino más bien para todos los propósitos, como Tucows o Download.com. En estas páginas tienen software de todos los sistemas operativos como Windows, Mac OS, o Linux. También en castellano tenemos buenas páginas de descarga de software, la más representativa es Softonic.

13

PROGRAMAS

La bitácora diseñada en Microsoft esta complementada así:

Modo de Tarea Nombre de Tarea

Duración Comienzo Fin

Programada manualmente

Investigación General

2 Días Miércoles 24/10/12

Jueves 25/10/12

Programada manualmente

1era parte (11pasos)

1 Día Jueves 25/10/12

Jueves 25/10/12

Programada manualmente

proceso 1 Día Lunes 29/10/12

Lunes 29/10/12

Programada manualmente

Inicio del blog 1 Día Miércoles 31/10/12

Miércoles 31/10/12

Programada automáticamente

Administración del blog

70 Días Hábiles

Jueves 8/11/12

Jueves 7/2/13

Programada manualmente

2da parte (10 pasos)

1 Día Martes 13/11/12

Martes 13/11/12

Programada automáticamente

Subir documentos al blog

1 Día Miércoles 14/11/12

Miércoles 14/11/12

14

4

DISEÑO

En este punto le daremos a conocer como se crea una página o los pasos a

seguir para tener una pagina web con sus puntos clave para tener éxito en

cuestión de diseño.

El primer paso para saber cómo hacer una página web consiste en elegir

una plantilla, o lo que es lo mismo, la imagen de tu página web. Puedes

elegir entre una gran variedad de plantillas con diseños predefinidos que te

permitirán empezar con una página web ya casi lista, pues sólo tendrás que

personalizarla y completarla con tu contenido para hacerla única.

Una vez que hayas elegido tu plantilla de diseño predefinido, el siguiente

paso para crear tu web es completar tu página con tu contenido y hacerla

única. Podrás añadir o eliminar páginas en tu web, cambiar los textos de tu

plantilla con sólo hacer clic sobre ellos, añadir tus imágenes, añadir tus

videos o insertarlos directamente desde YouTube o Vimeo, incorporar

iconos de redes sociales tipo Facebook, Twitter o Flickr para que los

usuarios de tu web puedan compartir tu contenido por internet, incluir mapas

de Google Maps para poder localizar tu negocio fácilmente, crear

formularios en segundos y mucho más, simplemente con ‘arrastrar y

soltar’ los elementos que quieras en tu página .conlleva colgar tu página

para que se vea en internet y la gente pueda entrar en ella. Tú sólo tienes

que hacer clic en el botón ‘publicar’ que encontrarás en tu editor web y ¡listo!

Tu página estará en internet inmediatamente y podrá verse genial en

cualquier computadora, y también en celulares y tabletas (incluidos iPhone

e iPad). Además, ten en cuenta que siempre que quieras podrás acceder a

tu editor web y modificar el diseño de tu página, cambiar textos, añadir

imágenes y mucho más. ¿Sencillo? Si claro solo le faltaría insertar cualquier

documento que sea de tu agrado y listo podrán ver tu página web en

cualquier parte del mundo.

15

TECNICAS PARA EL DESARROLLO DEL

PROYECTO

Uno de los principales motivos por los que los visitantes regresan a

tu página web, es el buen contenido. No tienes que haber estudiado

Literatura Latinoamericana, ni ser Jorge Luis Borges para escribir contenido

interesante para tu página.

Estas son las técnicas de una página web:

*Encontrar tu voz

Significa elegir el tono (serio, divertido, profesional, austero), música

(oraciones largas o cortas) y la intención (vender, demostrar, enseñar…)

que darás al texto de tu contenido. Como en un relato de ficción, la voz que

uses para escribir acerca de tu página web será la voz que escuchará el

visitante al leer el contenido. Para elegirla tu voz, además de los aspectos

anteriores, debes tener en cuenta a qué público diriges tu mensaje.

* Adjetivación Los adjetivos, por definición, determinan y califican. Elije sabiamente que calificación le darás a tus servicios, tu música o tu obra de arte. No es lo mismo un “práctico y divertido producto”, que un “sencillo producto” o un “original producto”. Cuando te sientes a escribir, hazlo con material de referencia a mano: sea un diccionario online, o una página de sinónimos y antónimos o incluso ¡Quítale el polvo al viejo Larousse Ilustrado y devuélvelo a la vida! *Inspírate: Navega y Aprende Dedica una sesión de trabajo a recorrer la web y armar un listado de sitios que tengan contenido atractivo e interesante. Mira la construcción de sus oraciones: ¿Son largas o cortas? ¿Qué adjetivos usa? ¿Qué voz escuchas cuando lees?; No copies (recuerda que duplicar contenido puede dañar tu ranking para los motores de búsqueda), pero inspírate. *El Trasero en la Silla Si esperas a que una musa inspiradora aparezca en tu apartamento y te dicte

palabra a palabra el contenido para tu sitio, pues vas a quedarte esperando para

siempre. Quizás las musas existan, pero no recomiendo esperarlas para ponerse

a trabajar. Agarra la silla, colócala frente a la computadora, siéntate, suénate los

dedos ¡Y ponte a trabajar! El trasero en la silla es el consejo más importante del

artículo. Si tú no escribes tu contenido, nadie lo hará por ti.

16

PRESENTACION ESCRITA

Una página web es el nombre de un documento o información electrónica adaptada para la World Wide Web y que puede ser accedida mediante un navegador . Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto. Las páginas web frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imágenes digitales, entre otros.

Las páginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso únicamente para redes privadas, p. ej., en una intranet corporativa, o puede publicar las páginas en la World Wide Web. El acceso a las páginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP).

17

CONCLUSIONES

En mi punto de vista las páginas web ya son reconocidas mundialmente

puesto que en ellas nos podemos comunicar describir o anunciar algún tipo

de artículo. Sin embargo muchas de las personas la utilizan con un fin no

bueno dando como resultado secuestros, robos etc. Pero para quien las

utiliza de forma buena se les reconoce mundialmente como es Facebook

que es una pagina de entretenimiento y chat que me refiero con esto que

gracias ala internet y las paginas web uno ya puede hacer la gran mayoría

de sus obligaciones y gustos como es pagar tarjetas, mandar fotografías a

familiares que vivan en el extranjero y hasta comprar productos que sean de

utilidad.

Vázquez García Joel

En conclusión, el trabajo del desarrollador web (esa especie de alquimista

obligado a dominar y combinar variables tan dispares, y a veces de

apariencia incompatible, como la usabilidad y el atractivo de cara al usuario,

y la efectividad técnica de cara a la empresa que paga sus honorarios,

como por ejemplo en el caso de tiendas on-line), este trabajo, decía, es un

proceso largo que requiere un enorme grado de instrucción y aprendizaje

técnico, pero también generosas dosis de intuición y anticipación. A fin de

cuentas, la Red muta y crece cada poco tiempo, y no podemos quedar

atrás. Buena suerte.

Pineda Vega José

18

ANEXOS

Este es un organigrama de nuestra empresa y como esta constituida

A continuación se mostrara los empleados que se requirió para mantener

este organigrama compuesto

Nombre Puesto ID

Pineda Vega José Luis Jefe Técnico 120107101 López Contreras José Eduardo Jefe de Mantenimiento 120106102

Vázquez García Joel Jefe de Control Calidad 120105103

Favila Iliana Brianda Jefe de Investigación 120104104

Hernandez Lara Felipe Jefe de Crédito 120107109

Lisandro Colín Mauricio Gerente General 120103105

Téllez Argel Carlos Subgerente de producción 120102106

Flores López Cesar Staff 120101107

Landeros Cristofer Subgerente RRHH 121100108

Arciniega Gas Gerardo Subgerente Ventas 122099109

Téllez Santiago Carlos Subgerente de Finanzas 123098110

Alviña Linares Luis Eliu Jefe de Caja 124097111

García Paulina Jefe de Contabilidad 125097112

García Carlos Jefe de Cobranzas 126096113

19