Este documento presenta una introducción a los sistemas computacionales y páginas web, justificando la necesidad de administrar información a través de la web. Explica que el objetivo principal es desarrollar una página web que potencie la imagen de una marca a través de un diseño sencillo, atractivo y de fácil carga; también aborda conceptos como la viabilidad, factibilidad e impacto social y económico del proyecto.

1. 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

2. 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

3. 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

4. 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

5. 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

6. 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

7. 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

8. 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

9. 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

10. 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

11. 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

12. 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

13. 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

14. 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

15. 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

16. PROGRAMAS
La bitácora diseñada en Microsoft esta complementada así:
Modo de Tarea Nombre de Duración Comienzo Fin
Tarea
Programada Investigación 2 Días Miércoles Jueves
manualmente General 24/10/12 25/10/12
Programada 1era parte 1 Día Jueves Jueves
manualmente (11pasos) 25/10/12 25/10/12
Programada proceso 1 Día Lunes Lunes
manualmente 29/10/12 29/10/12
Programada Inicio del blog 1 Día Miércoles Miércoles
manualmente 31/10/12 31/10/12
Programada Administración 70 Días Jueves Jueves
automáticamente del blog Hábiles 8/11/12 7/2/13
Programada 2da parte 1 Día Martes Martes
manualmente (10 pasos) 13/11/12 13/11/12
Programada Subir documentos 1 Día Miércoles Miércoles
automáticamente al blog
14/11/12 14/11/12
14
4

17. 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

18. 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

19. 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

20. 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

21. 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