Memoria Correccion

UNIVERSIDAD TECNOLGICA DE NEZAHUALCYOTL
Organismo Pblico Descentralizado del Gobierno del Estado de Mxico
DIVISIN DE TELEMTICA
DESARROLLO DE SITIO WEB
SISTEMAS CIBERWIN S.C

MEMORIA QUE PARA OBTENER EL TTULO DE
TECNICO SUPERIOR UNIVERSITARIO
EN TECNOLOGAS DE LA INFORMACIN Y COMUNICACIN
REA REDES Y TELECOMUNICACIONES

ASIGNACION DE FOLIO
P R E S E N T A:
JOEL SALEM SILIS MORENO 11372147
JUAN IGNACIO NIO CHAVEZ 11372041
Asesor Acadmico: TSU. Vernica Martnez

Asesor Empresarial: LIC. Ana Mara Salinas
GENERACIN: NM 49
CD. NEZAHUALCYOTL, EDO. DE MEXICO DICIEMBRE 2013
Autorizacin del Empastado
Aqu debes anexar el formato de autorizacin del empastado que se te

proporcionar al concluir tu memoria, es el documento que firman el asesor
empresarial, tu asesor acadmico y el profesor de ingls (abstract).
Dedicatoria (Joel Salem Silis Moreno)
Dedicatoria (Juan Ignacio Nio Chvez)
Abstract
<TTULO DE LA MEMORIA EN INGLS, A DOBLE ESPACIO, CENTRADO Y

EN FORMA PIRAMIDAL E INVERTIDA>
Aqu va el texto (resumen en ingls)

Resumen
DESARROLLO DE SITIO WEB PARA LA EMPRESA SISTEMAS CIBERWIN

S.C.
En este proyecto se desarroll el sitio web de la empresa Sistemas Ciberwin S.

C. basndonos en la arquitectura y contenido del sitio con el que ya contaba la
empresa anteriormente, pero modernizando cada uno de los apartados con los
que cuenta, mejorando e innovando en el sistema de captura de datos del cliente
y creando una base de datos eficaz y sencilla para el personal de la empresa.
As mismo este proyecto permiti que el mercado de ventas de la empresa se

ampliara generando un mayor nmero de visitas al sitio web y produciendo un
aumento en las ventas y un mayor nmero de clientes.
Para la realizacin del proyecto utilizamos diversos tipos de Software en su

mayora de tipo diseo como lo son Adobe Dreamweaver CS6, Adobe Flash,
Adobe Audition, pero tambin se cont con software de tipo oficina como viene
siendo la suite de Microsoft Office, cabe mencionar que se utiliz tambin
software libre como PHPMyAdmin y AppServ.
El mtodo que se utiliz para el proyecto fue primero plantear las necesidades
de la empresa y as de esta forma crear una grfica de Gantt con las actividades
que realizaramos en el transcurso de los tres meses de estada.
La principal necesidad a cubrir fue la creacin de una base de datos para tener
organizados todo el catlogo de clientes y productos con los que cuenta la
empresa.
La segunda parte del proyecto trato sobre el diseo del Sitio Web y los enlaces
a la base de datos.
Por ltimo se realizaron pruebas tanto locales como en red de que todo en el
sitio web sea funcional, se afinaron los detalles que salieron al hacer las pruebas
y despus de que todo quedo en perfectas condiciones se dio por concluido el
proyecto.
Despus de que todo esto se dio por finalizado se hizo una presentacin ante el
personal de la empresa, dando por concluido la estada y el proyecto.
NDICE
INTRODUCCIN ERROR! BOOKMARK NOT DEFINED.
Acerca del proyecto ............................................ Error! Bookmark not defined.
Objetivos del proyecto........................................ Error! Bookmark not defined.

General ........................................................ Error! Bookmark not defined.
Particulares ................................................. Error! Bookmark not defined.
Justificacin ......................................................... Error! Bookmark not defined.
Programa y Cronograma ................................... Error! Bookmark not defined.
MARCO TERICO 14
Software .............................................................. Error! Bookmark not defined.

Adobe Dreamweaver CS6 ........................ Error! Bookmark not defined.
Adobe Flash CS6 ....................................... Error! Bookmark not defined.
AppServ ....................................................... Error! Bookmark not defined.
Microsoft Office .......................................... Error! Bookmark not defined.
PHPMyAdmin ............................................. Error! Bookmark not defined.
Adobe Audition ........................................... Error! Bookmark not defined.
Prezi ............................................................. Error! Bookmark not defined.
Conceptos ............................................................ Error! Bookmark not defined.

Base de Datos ............................................ Error! Bookmark not defined.
Tipos de Lenguajes Web .......................... Error! Bookmark not defined.
DESARROLLO DE LA ESTANCIA ERROR! BOOKMARK NOT DEFINED.
CAPTULO 1: ACERCA DE LA EMPRESA ERROR! BOOKMARK NOT DEFINED.

1.1 Objetivos ............................................... Error! Bookmark not defined.
1.2 Misin .................................................... Error! Bookmark not defined.
1.3 Visin..................................................... Error! Bookmark not defined.
CAPTULO 2: PRIMERA FASE: NECESIDADES ERROR! BOOKMARK NOT DEFINED.

2.1 Necesidades de la empresa .............. Error! Bookmark not defined.
CAPTULO 3: SEGUNDA FASE: BASE DE DATOS ERROR! BOOKMARK NOT DEFINED.

3.1 Instalacin de Software ...................... Error! Bookmark not defined.
3.2 Creacin de Base de Datos............... Error! Bookmark not defined.
CAPTULO 4: TERCERA FASE: DISEO DEL SITIO WEB ERROR! BOOKMARK NOT
DEFINED.
4.1 Instalacin del Software ..................... Error! Bookmark not defined.

4.2 Diseo en PHP del Sitio ..................... Error! Bookmark not defined.
CAPTULO 5: CUARTA FASE: FTP ERROR! BOOKMARK NOT DEFINED.

5.1 Configuracin del FTP ........................ Error! Bookmark not defined.
CAPTULO 6: QUINTA FASE: PRUEBAS ERROR! BOOKMARK NOT DEFINED.

6.1 Pruebas locales ................................... Error! Bookmark not defined.
6.2 Pruebas en red .................................... Error! Bookmark not defined.
CONCLUSIONES Y RECOMENDACIONES ERROR! BOOKMARK NOT DEFINED.
BIBLIOGRAFA ERROR! BOOKMARK NOT DEFINED.
ANEXOS ERROR! BOOKMARK NOT DEFINED.

I. Cdigo HTML de la pgina principal ... Error! Bookmark not defined.
II. Fotografas ............................................. Error! Bookmark not defined.
III. Encuesta realizada al personal de la empresaError! Bookmark not
defined.
INTRODUCCIN
En estos tiempos actuales en los que vivimos el uso de la tecnologa ya es algo
que paso de ser un lujo a una necesidad por ese motivo en este proyecto se
creara un sitio web abarcando todas las necesidades actuales de la empresa
Sistemas Ciberwin S.C.
Una pgina Web es un documento situado en una red informtica al que se

accede mediante enlaces de hipertexto, y ste es aquel texto que contiene
elementos a partir de los cuales se puede acceder a otra informacin.
Pero porque tener un sitio web se volvi una necesidad:
Existen muchas motivaciones para tener un sitio web
Necesidad de notoriedad: un sitio web bien promocionado puede ser

una buena manera para incrementar la notoriedad de una empresa u
organizacin.
Mejorar el reconocimiento: una empresa puede ampliar su popularidad
con el pblico a travs de un sitio web institucional o un pequeo sitio web
publicitario.
Recopilacin de datos: Internet presenta una oportunidad fantstica
para que las empresas recopilen datos de clientes y atraigan potenciales
clientes.
Ventas en lnea: luego de superar la falta de confianza inicial, los usuarios
de Internet hoy en da la consideran un gran medio para comprar ciertos
bienes de consumo. Para algunas empresas, un sitio web es una gran
herramienta de marketing.
Servicio de apoyo al usuario: cada vez ms empresas usan Internet
para proveer servicios pre y post venta. Un sitio web es una forma
econmica para que una empresa brinde a los usuarios de Internet la
mayor cantidad de informacin comercial y tcnica.
La existencia de un sitio web est compuesta por dos aspectos diferentes y

ambos pueden dividirse en fases especficas:
Creacin: consiste en convertir una idea en un sitio web en lnea, indizado

y visitado.
Funcionamiento: consiste en la administracin, desarrollo y
actualizacin del sitio da a da.
Para la realizacin de este proyecto existieron distintas fases:
La fase de creacin es un proyecto en s mismo y est compuesta por varios

pasos:
Diseo (la formalizacin de la idea)

Realizacin (el desarrollo del sitio web)
Alojamiento (la ubicacin en lnea del sitio web de manera permanente)
La fase de funcionamiento incluye las siguientes actividades, entre otras:
Seguimiento de la tecnologa y posicionamiento del sitio web como

tambin de los de sus competidores.
Promocin e indizacin del sitio web para incrementar el trfico.
Mantenimiento y actualizacin, que consiste en introducir las
actualizaciones y mantener en sitio web en buenas condiciones de
funcionamiento.
Tomando en cuenta las necesidades de la empresa y el material con el que se

cuenta, basndonos libremente en la arquitectura del sitio web anterior se
realizar este proyecto.
Acerca del proyecto
El proyecto nace debido a la necesidad de la empresa de contar con un sitio web

que cubriera perfectamente la presentacin de sus productos.
Se cuenta con la elaboracin de diversos apartados que juntos forman lo que

viene siendo el sitio, cada apartado con un fin en comn dar a conocer la
empresa y sus productos.
Con el fin de que sea favorable para todos los departamentos de la empresa y
para que tenga una interaccin ms fcil, dinmica e innovadora con el usuario.
Objetivos del proyecto
GENERAL
Desarrollar un sitio Web para la empresa Sistemas Ciberwin S.C. cumpliendo

con todas las necesidades que se nos exigen.
PARTICULARES
Diseo agradable.
Creacin de una Base de Datos de Clientes y Productos.
Poder enviar correo desde la pgina web al departamento de Ventas,
Soporte y Atencin a Clientes.
Justificacin
El desarrollo de un Sitio Web para la empresa Sistemas Ciberwin S.C. es algo

imprescindible debido a las grandes ventajas que esto ofrece como:
1. Alcance mundial de sus productos y servicios: a travs del sitio Web podr
llegar a clientes potenciales del mundo entero. Las limitaciones geogrficas ya
no existen, un sitio Web es como una oficina de ventas en cada lugar del planeta.
2. Competir al lado de los ms grandes: Su imagen en Internet podr ser

comparable a cualquier gran compaa de su mismo sector. Es un terreno
imparcial donde el sitio web de una empresa pequea puede ser tanto o ms
atractivo que el de una empresa muy grande. Por eso podr competir justo al
lado de las empresas ms grandes, de igual a igual.
3. Disponible las 24 horas, todos los das del ao: La presencia universal
tambin se complementa con la presencia las 24 horas, los 7 das de la semana,
los 365 das del ao, lo que permite que an fuera del horario de trabajo, la
empresa siga produciendo y creciendo. Adems de atender otras partes del
planeta que por diferencias horarias sera imposible realizarlo al instante.
4. Menos Costos Operativos: Ahorro en gastos de publicidad, reduccin de

telfono y personal, de modo que cualquier informacin que pudiera necesitar el
cliente la podr consultar en su pgina Web, esto le ahorra tiempo, dinero y
reduce el nmero de llamadas telefnicas de su negocio, locales y de larga
distancia.
5. Imagen Profesional de su empresa: Actualmente las empresas respetadas

en el medio tienen presencia en la Web. El no contar con una direccin en
Internet, puede dar una imagen poco seria y profesional. Cada vez ms el tener
un sitio Web ser definitivo para seguir en carrera.
Programa y Cronograma
MARCO TERICO
SOFTWARE
Adobe Dreamweaver
Es una aplicacin en forma de estudio (basada en la forma de estudio de Adobe

Flash) que est destinada a la construccin, diseo y edicin de sitios, videos y
aplicaciones Web basados en estndares. Creado inicialmente por Macromedia
(actualmente producido por Adobe Systems) es el programa ms utilizado en el
sector del diseo y la programacin web, por sus funcionalidades, su integracin
con otras herramientas como Adobe Flash y, recientemente, por su soporte de
los estndares del World Wide Web Consortium.
Sus principales competidores son Microsoft Expression Web y BlueGriffon (que

es de cdigo abierto) y tiene soporte tanto para edicin de imgenes como para
animacin a travs de su integracin con otras. Hasta la versin MX, fue
duramente criticado por su escaso soporte de los estndares de la web, ya que
el cdigo que generaba era con frecuencia slo vlido para Internet Explorer y
no validaba como HTML estndar. Esto se ha ido corrigiendo en las versiones
recientes.
Se vende como parte de la suite Adobe Creative Suite. A partir de la compra de

Macromedia por parte de Adobe. Las letras CS significan Creative Suite
La gran ventaja de este editor sobre otros es su gran poder de ampliacin y

personalizacin del mismo, puesto que en este programa, sus rutinas (como la
de insertar un hipervnculo, una imagen o aadir un comportamiento) estn
hechas en JavaScript-C, lo que le ofrece una gran flexibilidad en estas materias.
Esto hace que los archivos del programa no sean instrucciones de C++ sino
rutinas de JavaScript que hace que sea un programa muy fluido, que todo ello
hace, que programadores y editores web hagan extensiones para su programa
y lo ponga a su gusto.
Las versiones originales de la aplicacin se utilizaban como simples editores

WYSIWYG. Sin embargo, versiones ms recientes soportan otras tecnologas
web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran xito desde finales de los aos 1990 y

actualmente mantiene el 90% del mercado de editores HTML. Esta aplicacin
est disponible tanto para la plataforma MAC como para Windows, aunque
tambin se puede ejecutar en plataformas basadas en UNIX utilizando
programas que implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el cdigo HTML
de cara al usuario, haciendo posible que alguien no entendido pueda crear
pginas y sitios web fcilmente sin necesidad de escribir cdigo.
Algunos desarrolladores web criticaban esta propuesta ya que crean pginas

HTML ms largas de lo que solan ser al incluir mucho cdigo intil, lo cual va en
detrimento de la ejecucin de las pginas en el navegador web. Esto puede ser
especialmente cierto ya que la aplicacin facilita en exceso el diseo de las
pginas mediante tablas. Adems, algunos desarrolladores web han criticado
Dreamweaver en el pasado porque creaba cdigo que no cumpla con los
estndares del consorcio Web (W3C).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de disear

pginas sin tablas en versiones posteriores de la aplicacin, haciendo que se
reduzca el exceso de cdigo.
Dreamweaver permite al usuario utilizar la mayora de los navegadores Web

instalados en su ordenador para previsualizar las pginas web. Tambin dispone
de herramientas de administracin de sitios dirigidas a principiantes como, por
ejemplo, la habilidad de encontrar y reemplazar lneas de texto y cdigo por
cualquier tipo de parmetro especificado, hasta el sitio web completo. El panel
de comportamientos tambin permite crear JavaScript bsico sin conocimientos
de cdigo.
Con la llegada de la versin MX, Macromedia incorpor herramientas de creacin

de contenido dinmico en Dreamweaver. En lo fundamental de las herramientas
HTML WYSIWYG, tambin permite la conexin a Bases de Datos como MySQL
y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnologa de
script como, por ejemplo, ASP, ASP.NET, ColdFusion, JSP (JavaServer Pages)
y PHP sin necesidad de tener experiencia previa en programacin.
Un aspecto de alta consideracin de Dreamweaver es su funcionalidad con

extensiones. Es decir, permite el uso de "Extensiones". Las extensiones, tal y
como se conocen, son pequeos programas, que cualquier desarrollador web
puede escribir (normalmente en HTML y JavaScript) y que cualquiera puede
descargar e instalar, ofreciendo as funcionalidades aadidas a la aplicacin.
Dreamweaver goza del apoyo de una gran comunidad de desarrolladores de
extensiones que hacen posible la disponibilidad de extensiones gratuitas y de
pago para la mayora de las tareas de desarrollo web, que van desde simple
efectos rollover hasta completas cartas de compra.
Tambin podra decirse que, para un diseo ms rpido y a la vez fcil, podra
complementarse con Fireworks en donde se podra disear un men u otras
creaciones de imgenes (gif web, gif websnap, gif adaptable, jpeg calidad
superior, jpeg archivo ms pequeo, gif animado websnap) para un sitio web y
despus exportar la imagen creada y as utilizarla como una sola en donde ya
llevar los vnculos para dicho sitio.
Requisitos de Instalacin:
Windows
Procesador Intel Pentium 4 o AMD Athlon de 64 bits

Microsoft Windows XP con Service Pack 2 (se recomienda Service
Pack 3); Windows Vista Home Premium, Business, Ultimate o
Enterprise con Service Pack 1; o Windows 7
512 MB de RAM
1 GB de espacio disponible en el disco duro para la instalacin; se
necesita espacio libre adicional durante la instalacin (no se puede
instalar en dispositivos de almacenamiento flash extrables)
Resolucin de 1580 800 con tarjeta de vdeo de 16 bits
Java Runtime Environment 1.6 (incluido)
Unidad de DVD-ROM
Se necesita el software QuickTime 7.6.6 para la reproduccin de
contenido multimedia HTML5
Este software no funcionar si no se activa. Es necesario disponer de conexin

a Internet de banda ancha y registrarse para poder activar el software, validar
suscripciones y acceder a servicios online.* No est disponible la activacin por
telfono.
Adobe Flash Profesional CS6
Adobe Flash Professional es el nombre o marca comercial oficial que recibe uno
de los programas ms famosos de la casa Adobe, junto con sus hermanos Adobe
Illustrator y Adobe Photoshop. Se trata de una aplicacin de creacin y
manipulacin de grficos vectoriales con posibilidades de manejo de cdigo
mediante un lenguaje de scripting llamado ActionScript. Flash es un estudio de
animacin que trabaja sobre "fotogramas" y est destinado a la produccin y
entrega de contenido interactivo para diferentes audiencias de todo el mundo sin
importar la plataforma. Es actualmente desarrollado y comercializado por Adobe
Systems Incorporated y forma parte de la familia Adobe Creative Suite, su
distribucin viene en diferentes presentaciones, que van desde su forma
individual o como parte de un paquete, siendo stos: Adobe Creative Suite
Design Premium, Adobe Creative Suite Web Premium y Web Standard, Adobe
Creative Suite Production Studio Premium y Adobe Creative Suite Master
Collection. Se usa sobre animaciones publicitarias, reproduccin de vdeos
(como YouTube) y otros medios interactivos que se presentan en la mayora de
sitios web del mundo, lo que le ha dado fama a este programa, dndoles el
nombre de "animaciones Flash" a los contenidos creados con ste.
Adobe Flash utiliza grficos vectoriales y grficos rasterizados, sonido, cdigo

de programa, flujo de vdeo y audio bidireccional (el flujo de subida slo est
disponible si se usa conjuntamente con Macromedia Flash Communication
Server). En sentido estricto, Flash es el entorno de desarrollo y Flash Player es
el reproductor utilizado para visualizar los archivos generados con Flash. En
otras palabras, Adobe Flash crea y edita las animaciones o archivos multimedia
y Adobe Flash Player las reproduce.
Los archivos reproducibles de Adobe Flash, que tienen generalmente la

extensin de archivo SWF, pueden aparecer en una pgina web para ser vistos
en un navegador web, o pueden ser reproducidos independientemente por un
reproductor Flash. Los archivos de Flash aparecen muy a menudo como
animaciones en sitios web multimedia, y ms recientemente en Aplicaciones de
Internet Ricas. Son tambin ampliamente utilizados como anuncios en la web.
En versiones anteriores, Macromedia ampli Flash ms all de las animaciones
simples, convirtindolo en una herramienta de desarrollo completa, para crear
principalmente elementos multimedia e interactivos para Internet.
Originalmente Flash no fue un desarrollo propio de Adobe, sino de una pequea

empresa de desarrollo de nombre FutureWave Software y su nombre original fue
FutureSplash Animator. En diciembre de 1996 Macromedia adquiere
FutureWave Software, y con ello su programa de animacin vectorial que pasa
a ser conocido como Flash 1.0.
En 2005 Adobe compra Macromedia y sus productos, entre ellos Flash, que pasa
a llamarse Adobe Flash.
AppServ
Appserv es una herramienta OpenSource para Windows con Apache, MySQL,

PHP y otras adiciones, en la cual estas aplicaciones se configuran en forma
automtica, lo que permite ejecutar un servidor web completo.
Como extra incorpora phpMyAdmin para el manejo de MySQL.
Inmediatamente despus de la instalacin est disponible completamente

funcional del servidor web Apache, que se ejecuta en el equipo local, que puede
ejecutar un nmero ilimitado de sitios para ser muy eficaz para desarrollar y
depurar scripts PHP sin subir archivos a un servidor remoto. El programa se
distribuye gratuitamente bajo licencia GNU General Public License y es gratis,
fcil de usar web-servidor capaz de servir pginas dinmicas. Con esta
configuracin, puede implementar rpidamente un equipo hecho y derecho y el
servidor web rpido, con acceso desde la red local, sin necesidad de
configuracin adicional. Puede ser utilizado como un servidor web pblico en
Internet.
Requisitos de Instalacin:
Sistema operativo: Se recomienda Linux3 ; Windows NT, Windows 2000,

Windows Me, Windows Server 2003, Windows XP Windows Vista,
Windows server 2008 y Windows 7 en las versiones superiores a 2.0. Para
las versiones anteriores a 2.0 se recomienda Windows 95, Windows 98
Procesador: Intel Pentium III 700 MHz
Memoria RAM: 128 MB
Espacio en Disco duro: 50 MB (70 MB durante la instalacin).
Microsoft Office 2013
Microsoft Office es una suite de oficina que abarca e interrelaciona aplicaciones

de escritorio, servidores y servicios para los sistemas operativos Microsoft
Windows y Mac OS X. Microsoft Office fue lanzado por Microsoft en 1989 para
Apple Macintosh 1 ms tarde seguido por una versin para Windows, en 1990.2
La primera versin de Office contena Microsoft Word, Microsoft Excel y Microsoft
PowerPoint. Adems, una versin "Pro" (profesional) de Office inclua Microsoft
Access y Schedule Plus. Con el tiempo, las aplicaciones de Office han crecido
sustancialmente y de forma ms estrecha con caractersticas compartidas, como
un corrector ortogrfico comn, la integracin de datos OLE y el lenguaje de
secuencias de comandos de Microsoft, Visual Basic para aplicaciones. Microsoft
tambin posiciona Office como una plataforma de desarrollo para software de
lnea de negocios, bajo la marca de Office Business Applications (aplicaciones
empresariales de Office u OBA por sus siglas en ingls).
La suite us desde 1997 hasta 2003 un grupo de formatos conocido como 97-
2003 o 98-2004. En los aos 2007 y 2008, con la introduccin de Office 2007 y
Office 2008, se cre un nuevo grupo de formatos denominados Office Open XML
(docx, xlsx, pptx), los cuales se mantienen en las ms recientes versiones de la
suite, Office 2010 y Office 2011 para Mac.
De acuerdo con Forrester Research, a junio de 2009 las diferentes versiones de

Microsoft Office son usadas por ms del 80% de las empresas alrededor del
mundo. Un anlisis afirm que las versiones de Office 2007/Office 2008
ocupaban entonces el 80% de las instalaciones. Actualmente, el paquete
ofimtico de Microsoft afronta una fuerte competencia por parte OpenOffice.org,
LibreOffice, IBM Lotus Symphony, Kingsoft de foxit, Google Docs y iWork.
Microsoft Word es el procesador de texto de la suite. Word posee una posicin

dominante en el mercado de los procesadores de texto. Su formato propietario
DOC es considerado un estndar de facto, aunque en su versin Word 2007
utiliza un nuevo formato basado en XML llamado .DOCX, pero tambin tiene la
capacidad de guardar y abrir documentos en el formato DOC. Word est tambin
incluido en algunas versiones de Microsoft Works. Est disponible para las
plataformas Microsoft Windows y Mac OS. La primera versin de Word, liberada
en 1983, fue para el sistema operativo MS-DOS y tuvo la distincin de introducir
en el uso del mouse a una gran cantidad de personas. Word 1.0 poda ser
comprado con un mouse, aunque era opcional. La siguiente primavera, Apple
lanz el Mac, y Microsoft desarroll Word para Mac, el cual se convirti en la
aplicacin ms popular para este sistema. Requera (como todas las
aplicaciones para Mac) la utilizacin de un ratn.
Extensiones comunes: .doc (Word 97-2003), .docx (Word 2007-2010), .dot, rtf
(todas).
Microsoft Excel es un programa de hoja o planilla de clculo. Al igual que

Microsoft Word, posee actualmente un mercado dominante. Fue originalmente
el ms fuerte competidor del entonces popular Lotus 1-2-3, y en tercera posicin
estuvo Quattro Pro; pero eventualmente Excel se vendi ms, se populariz y se
convirti en el estndar de facto. Est disponible para plataformas Windows y
Macintosh.[cita requerida]
Extensiones comunes: .xls (Excel 97-2003), .xlsx (Excel 2007-2010)

PhpMyAdmin
PhpMyAdmin es una herramienta escrita en PHP con la intencin de manejar la

administracin de MySQL a travs de pginas web, utilizando Internet.
Actualmente puede crear y eliminar Bases de Datos, crear, eliminar y alterar
tablas, borrar, editar y aadir campos, ejecutar cualquier sentencia SQL,
administrar claves en campos, administrar privilegios, exportar datos en varios
formatos y est disponible en 62 idiomas. Se encuentra disponible bajo la licencia
GPL.
Este proyecto se encuentra vigente desde el ao 1998, siendo el mejor evaluado

en la comunidad de descargas de SourceForge.net como la descarga del mes
de diciembre del 2002. Como esta herramienta corre en mquinas con
Servidores Webs y Soporte de PHP y MySQL, la tecnologa utilizada ha ido
variando durante su desarrollo.
Adobe Audition CS6
Adobe Audition (anteriormente Cool Edit Pro) es una aplicacin en forma de

estudio de sonido destinado para la edicin de audio digital de Adobe Systems
Incorporated que permite tanto un entorno de edicin mezclado de ondas
multipista no-destructivo como uno destructivo, por lo que se le ha llamado la
"navaja suiza" del audio digital por su versatilidad. No es DAW, sino un editor de
sonido.
Prezi
Prezi es una aplicacin multimedia para la creacin de presentaciones similar a

Microsoft Office PowerPoint o a Impress de LibreOffice pero de manera dinmica
y original. La versin gratuita funciona solo desde Internet y con un lmite de
almacenamiento.
Una principal caracterstica de Prezi es la posibilidad de organizar la informacin

en forma de un esquema y exponerlo con libertad sin la secuencia de
diapositivas. De manera que el conferenciante o quien consulta una presentacin
en Prezi puede acceder a cualquier contenido con solo clicar. Se puede navegar
por la presentacin -que es en realidad un solo frame de 3 dimensiones- desde
la vista general, ampliando o reduciendo la vista, o desplazando el lienzo. Los
efectos visuales deben estar supeditados a una correcta narrativa.
Algunos usuarios han criticado el "Zoom user interface" (ZUI) de Prezi alegando
que tiende a producir nuseas. La empresa ha reconocido este efecto potencial
y ofrece manuales con recomendaciones para un uso ms sensato de diseo y
evitar as esta estimulacin visual excesiva. Tambin hay reconocidos expertos
independientes de Prezi localizables en la web de la empresa.
Es fundamental entender el espacio y la narrativa en una presentacin en Prezi,

a fin de que las presentaciones sean eficaces y armnicas. La aplicacin dispone
de varias plantillas que permiten al usuario ahorrar tiempo a la hora de desarrollar
una presentacin.
Chris Anderson en TED Global 2010, incluy Prezi, como el mejor TED de todos
los tiempos.
Prezi permite trabajar on-line con todas sus herramientas de forma gratuita, pero
hay varias modalidades de pago que permiten ocultar los trabajos on-line y
protegerlos, y ofrecen ms capacidad de almacenamiento que la versin gratuita.
Existen dos modalidades de pago, la primera de ellas, y ms bsica, llamada
Enjoy, cuesta 4,92 $ al mes y permite realizar presentaciones privadas, usar un
logotipo propio en las presentaciones, solicitar ayuda premium y disponer de 500
Mb de almacenamiento. La siguiente modalidad, denominada Pro, cuesta 13,25
$ al mes, y permite adems de las caractersticas de la Enjoy, editar Prezis sin
conexin a Internet a travs de la herramienta Prezi Desktop y disponer de hasta
2 Gb de almacenamiento. Otros usuarios prefieren medios libres de pago tales
como: Sozi, Latex Beamer and Prosper o Dizzy, con los que obtienen resultados
similares.
CONCEPTOS
Base de Datos
Una base de datos o banco de datos es un conjunto de datos pertenecientes a

un mismo contexto y almacenados sistemticamente para su posterior uso. En
este sentido; una biblioteca puede considerarse una base de datos compuesta
en su mayora por documentos y textos impresos en papel e indexados para su
consulta. Actualmente, y debido al desarrollo tecnolgico de campos como la
informtica y la electrnica, la mayora de las bases de datos estn en formato
digital (electrnico), y por ende se ha desarrollado y se ofrece un amplio rango
de soluciones al problema del almacenamiento de datos.
Existen programas denominados sistemas gestores de bases de datos,

abreviado DBMS, que permiten almacenar y posteriormente acceder a los datos
de forma rpida y estructurada. Las propiedades de estos DBMS, as como su
utilizacin y administracin, se estudian dentro del mbito de la informtica.
Las aplicaciones ms usuales son para la gestin de empresas e instituciones

pblicas. Tambin son ampliamente utilizadas en entornos cientficos con el
objeto de almacenar la informacin experimental.
Aunque las bases de datos pueden contener muchos tipos de datos, algunos de
ellos se encuentran protegidos por las leyes de varios pases. Por ejemplo en
Espaa, los datos personales se encuentran protegidos por la Ley Orgnica de
Proteccin de Datos de Carcter Personal (LOPD) y en Mxico por la Ley
Federal de Transparencia y Acceso a la Informacin Pblica Gubernamental.}
Lenguaje PHP
PHP es un lenguaje de programacin de uso general de cdigo del lado del

servidor originalmente diseado para el desarrollo web de contenido dinmico.
Fue uno de los primeros lenguajes de programacin del lado del servidor que se
podan incorporar directamente en el documento HTML en lugar de llamar a un
archivo externo que procese los datos. El cdigo es interpretado por un servidor
web con un mdulo de procesador de PHP que genera la pgina Web resultante.
PHP ha evolucionado por lo que ahora incluye tambin una interfaz de lnea de
comandos que puede ser usada en aplicaciones grficas independientes. Puede
ser usado en la mayora de los servidores web al igual que en casi todos los
sistemas operativos y plataformas sin ningn costo.
Fue creado originalmente por Rasmus Lerdorf en 1995. Actualmente el lenguaje

sigue siendo desarrollado con nuevas funciones por el grupo PHP.2 Este
lenguaje forma parte del software libre publicado bajo la licencia PHP, que es
incompatible con la Licencia Pblica General de GNU debido a las restricciones
del uso del trmino PHP.
Caractersticas:
Orientado al desarrollo de aplicaciones web dinmicas con acceso a

informacin almacenada en una base de datos.
Es considerado un lenguaje fcil de aprender, ya que en su desarrollo se
simplificaron distintas especificaciones, como es el caso de la definicin
de las variables primitivas, ejemplo que se hace evidente en el uso de php
arrays.
El cdigo fuente escrito en PHP es invisible al navegador web y al cliente,
ya que es el servidor el que se encarga de ejecutar el cdigo y enviar su
resultado HTML al navegador. Esto hace que la programacin en PHP
sea segura y confiable.
Capacidad de conexin con la mayora de los motores de base de datos
que se utilizan en la actualidad, destaca su conectividad con MySQL y
PostgreSQL.
Capacidad de expandir su potencial utilizando mdulos (llamados ext's o
extensiones).
Posee una amplia documentacin en su sitio web oficial, entre la cual se
destaca que todas las funciones del sistema estn explicadas y
ejemplificadas en un nico archivo de ayuda.
Es libre, por lo que se presenta como una alternativa de fcil acceso para
todos.
Permite aplicar tcnicas de programacin orientada a objetos. Incluso
aplicaciones como Zend framework, empresa que desarrolla PHP, estn
totalmente desarrolladas mediante esta metodologa.
No requiere definicin de tipos de variables aunque sus variables se
pueden evaluar tambin por el tipo que estn manejando en tiempo de
ejecucin.
Tiene manejo de excepciones (desde PHP5).
DESARROLLO DE LA ESTANCIA
CAPTULO 1: ACERCA DE LA EMPRESA
Sistemas Ciberwin S.C., hereda la tecnologa que fue desarrollada por

Contanetica que originalmente se haba creado para satisfacer las necesidades
de Software Contable Administrativo y Fiscal que existan en el mercado
nacional.
SIP.NET, es un grupo de consultora dedicado a disear soluciones adecuadas

a las necesidades de las organizaciones tanto Pblicas como Privadas,
soluciones que normalmente integran el desarrollo de tecnologa en informtica
con sistemas y procedimientos de fcil aplicacin, de tal manera que se garantice
el resultado con la mayor productividad y calidad.
SIP.NET, conjunta la fuerza de la experiencia de ms de 17 aos en el mercado

y la innovacin de la tecnologa de vanguardia a travs de fundamentos de
calidad total, los cuales son aplicados a cada uno de los servicios que desarrolla.
Conforme transcurre el tiempo SIP.NET crece, como consecuencia de este

crecimiento se tiene que fundar CIBERWIN, ahora CIBERWIN 2010
AUTOMATIZANDO EL FUTURO !!
1.1 Objetivos
El objetivo de la empresa es poder darle la accesibilidad al cliente de tal manera

que puedan visualizar sus productos o servicios que se ofrecen y as poder tener
una buena comunicacin tanto cliente a empresa.
1.2 Misin
Satisfacer las necesidades del cliente contando con un personal altamente

calificado ya que contamos con software y servicio de la ms alta calidad, para
lograr que las empresas logren tener el control contable-administrativo de su
empresa.
1.3 Visin
Llegar a ser la empresa lder en el mbito de la facturacin electrnica.

CAPTULO 2: PRIMERA FASE: NECESIDADES
2.1 Necesidades de la Empresa.
Tener una base de Datos de clientes y productos.

Renovar el Sitio Web.
Modernizar el contacto con el cliente por medio de formularios en el sitio
web que enven informacin a los diversos correos ya sea Ventas,
Atencin a Clientes y Soporte.
CAPTULO 3: SEGUNDA FASE: BASE DE DATOS
3.1 Instalacin de Software.
1) Damos doble clic en el icono del instalador que nos bajamos. Aparece la
imagen que vemos debajo, recuerda que la versin puede ser ms nueva cuando
t intentes ;), pero tranquilo se usara igual que como comento ahora. Debemos
dar siguiente (next).
2) Aparece el acuerdo de licencia, ah debemos dar conformidad (I Agree)

3) En este punto, debemos elegir en cual de nuestros discos duros y en que
carpeta vamos a instalar el AppServ, siempre el directorio recomendado por
defecto, o sea: c:\AppServ, como muestra la imagen, y le damos siguiente (Next)
4) En este punto debemos elegir los componentes que vamos a instalar

(recuerda que todos los pasos basta con dar siguiente siguiente), como ves
aparecen marcados los cuatro elementos disponibles (apache, MySQL, php,
phpMyAdmin) si bien puedes desmarcar alguno, es mejor instalar todos para
tener completo tu equipo de testeo y desarrollo Web, le damos siguiente (Next)
5) En este punto debes indicar el nombre del servidor y el email del administrador
del sistema, en mi caso dejo local host y email elquique@localhost.com,
respectivamente, el puerto 80. Recuerda que puedes dar siguiente y dejar lo que
sugiere sin problemas.
6) Configuracin MySQL, en este punto debemos prestar atencin, ya que

debemos indicar el Password, para el usuario principal de la base de datos. Lo
dems lo dejamos Como esta en la imagen.
Por tanto el usuario ser root, que es por defecto y tu Contrasea que acabas de
escribir, eso lo usaras para abrir la base desde tus programas PHP, por eso es
importante recordar le damos siguiente (Next)
7) Para culminar la instalacin, como indica la imagen, podemos elegir si al

finalizar ya comenzara a funcionar el Server Apache y el servidor de base de
datos MySQL, lo dejamos marcado y le damos finalizar (Finish), listo hemos
terminado.
En este punto si vas a tu navegador escribimos, http://localhost y debe mostrarse

tal como muestra la imagen.
3.2 Creacion de las Tablas y BD
CREATE TABLE `sistemas` (
`cve` VARCHAR( 5 ) NOT NULL ,

`direccion` VARCHAR( 180 ) NOT NULL ,
`ciudad` VARCHAR( 30 ) NOT NULL ,
`codigopostal` VARCHAR( 10 ) NOT NULL ,
`fax` VARCHAR( 20 ) NOT NULL ,
`telefono1` VARCHAR( 30 ) NOT NULL ,
`rfc` VARCHAR( 15 ) NOT NULL ,
`nombre` VARCHAR( 150 ) NOT NULL ,
`numeroexterior` INT( 10 ) NOT NULL ,
password` VARCHAR( 20 ) NOT NULL ,
ùsuario` VARCHAR( 15 ) NOT NULL ,
ùsuari` VARCHAR( 20 ) NOT NULL ,
`direccion` VARCHAR( 30 ) NOT NULL ,
èstado` VARCHAR( 30 ) NOT NULL ,
`rfc` VARCHAR( 30 ) NOT NULL ,
èstado` VARCHAR( 30 ) NOT NULL ,
èmail` VARCHAR( 30 ) NOT NULL ,
`fax` VARCHAR( 30 ) NOT NULL ,
PRIMARY KEY ( `cve` , èmail` )
CAPTULO 4: TERCERA FASE: DISEO WEB
4.1 Instalacin del Software
La instalacin del Dreamweaver CS6 en espaol (las otras versiones se instalan

de la misma manera) es bastante facilita. El programa una vez instalado ocupa
unas 800 MB en nuestro disco duro, (segn versin).
Para realizar la instalacin haced lo siguiente:
1.- Doble clic en el archivo de instalacin.
2.- Tras una ventana de presentacin pulsad en "Siguiente"-
3.- Nos pregunta si aceptas las condiciones de uso. Clic en "Si".
4.- Si el programa est completo, nos pedir el nmero de serie. Si el programa

es nuestro lo tendrs en la caja del programa. Si no es as, sera ilegal que
incluyeras el nmero de serie de otra persona, pero all cada uno con su
conciencia.
5.- Una vez introducido el nmero de serie nos pregunta dnde quieres instalarlo.
Puedes dejar lo que viene por defecto y luego pulsar en "Siguiente". En la Versin
Demo, no nos pedir nmero de serie.
6.- Nos pregunta con que nombre quieres que aparezca en el men de
programas. Pulsa en "Siguiente".
7.- Resumen de lo que has elegido. De nuevo, clic en "Siguiente".
8.- Tras unos segundos el programa queda instalado y nos pregunta si quieres
leer el archivo de ayuda. Puedes pasar de l quitando la seleccin y pulsar en
finalizar.
9.- Aparece una ventana en el escritorio. Arrastra el icono verde y negro hasta el
escritorio para hacer un Acceso Directo al Dreamweaver y cerrar esa ventana.
10.- Hacer clic en ese acceso directo y nos saldr una ventana preguntando si
nos queremos registrar.
4.2 Diseo del Sitio Web
La pgina principal cuenta con el men en forma de pestaas en donde

se podr accesar a los apartados que nos muestran informacin de la
empresa.
El video de introduccin nos da un breve resumen sobre la facturacin
electrnica.
El botn Ventas no Re direcciona a un chat con el rea de ventas.
La pestaa Sistemas Ciberwin cuenta con:
La descripcin de la empresa contndonos su historia.

Los tipos de sistemas que ofrece a los usuarios.
Las certificaciones con las que cuenta la empresa.
La pestaa Facturacin Electrnica cuenta con:
La definicin de una Factura Electrnica.

La informacin general.
Que es un PAC (Proveedor Autorizado de Certificacin).
Concepto y descripcin de un Cdigo de Barras.
Ejemplos de Representaciones Impresas.
La pestaa Soluciones cuenta con:
Nos muestra en pantalla los diversos productos con los que cuenta la
empresa.
Cada producto nos lleva a un enlace con sus caractersticas y sus costos.
La pestaa Cursos cuenta con:
Los horarios de cada uno de los cursos que se ofrecen.

Un enlace en Informes al Chat de Atencin a Clientes.
La pestaa Descargas cuenta con:
Los diversos Manuales de los productos que vende la empresa.

Las utileras para dar mantenimiento a los programas.
La pestaa Ventas cuenta con:
Los sistemas que se tienen en venta y sus precios.

Un enlace a cotizaciones.
Un Botn de chat de Ventas.
Los diversos servicios con los que se cuenta.
La pestaa de Clientes cuenta con:
El login de Usuario y Contrasea para acceder a los datos de cada cliente.

La opcin de registrarnos en la base de datos dando clic en el enlace.
La pestaa Distribuidores cuenta con:
Un mapa interactivo que muestra las ubicaciones de cada distribuidor en

los cuales al darle un clic nos enlaza con el sitio web de cada uno.
La pestaa de Redes Sociales cuenta con:
El enlace a cada una de las redes sociales, Facebook, twitter y el canal

de YouTube de la empresa.
CAPTULO 5: FASE CUATRO: FTP

5.1 Configuracin del FTP
Para empezar tengamos en cuenta nuestra direccin FTP de nuestro sitio web y
las opciones para accesar a el que son un usuario y una contrasea.
Las siguientes observaciones del programa nos asesorar para abrir las
opciones y poder agregar un nuevo sitio administrable a Dreamweaver: Clic
en la ficha Site (Sitio), y hacer clic posteriormente en la opcin de New Site
(Nuevo sitio).
Enseguida se muestra el
procedimiento visual principal de la
configuracin de nuestras
propiedades:
Podemos observar que hemos elegido

la carpeta donde esta nuestro sitio
web, el nombre de nuestro sitio (Este
nombre se grabar solo
en Dreamweaver), nuestra direccin
URL (opcional) y nuestra carpeta
predefinida de las imgenes (opcional). Esta configuracin solo aplica
a la Informacin Local, ahora pasaremos a ver nuestro ejemplo visual sobre la
configuracin de Informacin Remota,
es decir, nuestra configuracin de FTP.
Hemos elegido y agregado las

opciones principales para la
conexin al FTP, direccin FTP,
carpeta donde se almacenarn los
archivos
(En ocasiones es httpdocs/ y
htdocs/, para
usuarios de hosting gratuito sera
una simple /, httdocs/usuario/
bien htdocs/usuario/), tambin
hemos agregado nuestra
informacin primordial como es el
usuario y clave de acceso.
Despus de haber cumplido los

pasos anteriores, tendremos que
darle aceptar u OK a la ventana, al
finalizar la configuracin
deberemos apretar la tecla F8 o seguir la siguiente secuencia: Site/Site Files
(Sitio/Archivos de sitio).
Podremos ver enseguida nuestros archivos de nuestra configuracin local

(Nuestra computadora), existen en la ventana opciones como: Conectar
al servidor remoto, Actualizar, Descargar archivos, Subir archivos, entre
otras opciones.
CAPTULO 6: FASE CINCO: PRUEBAS

Para checar la funcionalidad del sitio web realizamos tres tipos de pruebas:
Revisar desde un ordenador que no estuviera conectado en la red local.

Que las aplicaciones de Descargas funcionaran totalmente.
La Base de Datos guardara los datos de los clientes nuevos y actualizara.
6.1 Pruebas Locales
Se hiso las pruebas de que en todos los departamentos de la empresa se tuviera

perfecto acceso al sitio web y a su base de datos que el personal tuviera
permisos de escritura y de lectura.
6.2 Pruebas en Red
Se utiliz computadoras fuera de la red local, en las cuales se realizaron las

siguientes pruebas:
Acceso a todos los apartados del sitio web.

Descarga de manuales y utileras.
Envi de correo desde formularios.
Uso del Chat.
Se dieron de alta nuevos registros en la base de datos.
Se modificaron datos de clientes que primero iniciaron sesin.
CONCLUSIONES Y RECOMENDACIONES
Se da por finalizado el proyecto en la presentacin que se hiso ante el personal

demostrando que todos los apartados funcionaban correctamente y
explicndoles su uso.
Entre las recomendaciones que se les dio fue una pequea asesora de cmo
dar de baja, modificar o agregar nuevos clientes en la base de datos, se
mencion como se hara en PhpMyAdmin para generar las contraseas de los
clientes.
La recomendacin principal es estar al tanto de cualquier dato que el cliente no

llene bien en el formulario de registro ya que esto puede causar cierto descontrol
en la base de datos, provocando errores al cliente al momento de iniciar sesin.
El da 17 de Diciembre del 2013 se da por concluido el proyecto con la

aprobacin de los dueos de la empresa y el asesor empresarial.
BIBLIOGRAFA
http://es.wikipedia.org/wiki/PHP
http://es.wikipedia.org/wiki/Base_de_datos
http://es.wikipedia.org/wiki/Prezi
http://es.wikipedia.org/wiki/Adobe_Audition
http://es.wikipedia.org/wiki/Microsoft_office
http://es.wikipedia.org/wiki/Adobe_Dreamweaver
http://es.wikipedia.org/wiki/Adobe_Flash
http://es.wikipedia.org/wiki/Appserv
Ciberwin.net
ANEXOS
CODIGO DE PAGINA PRINCIPAL EN PHP
<!doctype html>
<html>
<head>
<script language="javascript">
ventanaX = 800;
ventanaY = 600; self.resizeTo(ventanaX,ventanaY);
</script>
<meta charset="utf-8">

<title>CiberWin</title>
<style type="text/css">
#apDiv1 {
position: absolute;
width: 200px;
height: 115px;
z-index: 1;
}
</style>
#apDiv3 {
position: absolute;
width: 200px;
height: 74px;
z-index: 2;
left: 1141px;
top: 705px;
}
</style>

<link rel="shortcut icon" href="so.ico" />
body,td,th {
font-family: Calibri;
font-size: 14px;
color: #FCFCFC;
}
body {
background-image: url(uno1_.png);
background-repeat: no-repeat;
height: 60%;
width: 100%;
}
.s {color: #fff}
#b3 {
background-image: url(3a.JPG);
height: 48px;
width: 135px;
}
#b3:hover {
background-image: url(3b.JPG);
height: 48px;
width: 132px;
}
#b1 {
height: 48px;
width: 91px;
}
#b1:hover {
background-image: url(a2.JPG);
height: 48px;
width: 93px;
}
#b2 {
height: 48px;
width: 135px;
}
#b2:hover {
background-image: url(2b.JPG);
height: 48px;
width: 137px;
}
#apDiv1 {
position: absolute;
width: 258px;
height: 115px;
z-index: 1;
left: 980px;
top: 43px;
}
#apDiv2 {
position: absolute;
width: 200px;
height: 115px;
z-index: 1;
left: 853px;
top: 40px;
}
</style>

<script type="text/javascript">
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
</script>

<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc)
x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body link="white" vlink="White" alink="white"

onLoad="MM_preloadImages('1c%20(2).JPG','1b.png','sistemas1.png','2d.p
ng','3b.png','4b.png','5b.png','6b.png','8b.png','9b.png','10b.png')">
<div align="center">
<table width="907" height="116" border="0">
<tr>
<td width="901" height="110"><a href="inicio.php"><img
src="123_.png" width="902" height="212"></a></td>
</tr>
</table>
<div id="apDiv2"><div class="fb-like" data-
href="https://www.facebook.com/pages/Sistemas-Ciberwin-S-
C/519637601435997?ref=ts&fref=ts" data-width="The pixel width of
the plugin" data-height="The pixel height of the plugin" data-
colorscheme="dark" data-layout="standard" data-action="like" data-
show-faces="true" data-send="true"></div></div>
<tr>
<td width="977" height="58"><a href="inicio.php"
onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image3','','1b.png',1)"><img src="1a.png"
width="50" height="38" id="Image3"></a><a href="sistemasc.php"
onMouseOver="MM_swapImage('Image4','','sistemas1.png',1)"><img
src="sistemas.png" width="115" height="38" id="Image4"></a><a
href="facturacione.php" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image5','','2d.png',1)"><img src="2b.png"
width="115" height="38" id="Image5"></a><a href="soluciones.php"
width="75" height="38" id="Image6"></a><a href="cursos.php"
width="75" height="38" id="Image7"></a><a href="soportegeneral.php"
width="75" height="38" id="Image8"></a><a href="descargas.php"
width="75" height="38" id="Image9"></a><a href="ventas.php"
width="75" height="38" id="Image10"></a><a href="busqueda.php"
width="75" height="38" id="Image11"></a><a href="clientes.php"
width="115" height="38" id="Image12"></a><a href="redessociales.php"
onMouseOver="MM_swapImage('Image13','','10b.png',1)"><img
src="10a.png" width="115" height="38" id="Image13"></a></td>
</tr>
</table>
<tr>
<td width="889" height="440">
<p align="center"><iframe width="640" height="480"
src="//www.youtube.com/embed/iPbL0gFG9AU" frameborder="0"
allowfullscreen></iframe>
<div id="apDiv3"><img
src="http://ciberwin.net/Media/Images/livezillaciber_ventas.gif"
alt="Chat"
onClick="MM_openBrWindow('http://ciberwin.net/chat/chat.php?code=U0VSV
kVSUEFHRQ__','','width=500,height=700')" align="right"></div>
<p align="center"> </p>
</td>
</tr>
</table>
<tr>
<td width="887" height="55"><p><strong>Direccion:</strong>
Guanajuato 224 Oficina 705 y 706 Col.Roma Del. Cuauhtemoc C.P. 06700
Mxico D.F<br>
<strong>Facebook:</strong> <a
href="https://www.facebook.com/pages/Sistemas-Ciberwin-S-
C/519637601435997?ref=hl" target="_blank">Facebook/Ciberwin</a><br>
<strong>Telefono:</strong> 01 (55) 5584-1790 5264-
8028 5574-0242, 4780-4466, 3603-9001<br>
<strong>Usted es el visitante: <img src="http://www.web-
counter.net/count_20091204.php?c=Saqlzb0ynKf"></strong><div id="fb-
root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script></p>
<p><br>
</p></td>
</tr>
</table>
<p> </p>
</div>
</body>
</html>

Memoria Correccion

Transféré par

Informations du document

Copyright

Formats disponibles

Partager ce document

Partager ou intégrer le document

Options de partage

Avez-vous trouvé ce document utile ?

Ce contenu est-il inapproprié ?

Droits d'auteur :

Formats disponibles

Memoria Correccion

Transféré par

Droits d'auteur :

Formats disponibles

UNIVERSIDAD TECNOLGICA DE NEZAHUALCYOTL

Organismo Pblico Descentralizado del Gobierno del Estado de Mxico

DESARROLLO DE SITIO WEB

SISTEMAS CIBERWIN S.C

TECNICO SUPERIOR UNIVERSITARIO

EN TECNOLOGAS DE LA INFORMACIN Y COMUNICACIN

REA REDES Y TELECOMUNICACIONES

Asesor Acadmico: TSU. Vernica Martnez

Aqu debes anexar el formato de autorizacin del empastado que se te

<TTULO DE LA MEMORIA EN INGLS, A DOBLE ESPACIO, CENTRADO Y

Aqu va el texto (resumen en ingls)

DESARROLLO DE SITIO WEB PARA LA EMPRESA SISTEMAS CIBERWIN

En este proyecto se desarroll el sitio web de la empresa Sistemas Ciberwin S.

As mismo este proyecto permiti que el mercado de ventas de la empresa se

Para la realizacin del proyecto utilizamos diversos tipos de Software en su

Acerca del proyecto ............................................ Error! Bookmark not defined.

Objetivos del proyecto........................................ Error! Bookmark not defined.

Justificacin ......................................................... Error! Bookmark not defined.

Programa y Cronograma ................................... Error! Bookmark not defined.

Software .............................................................. Error! Bookmark not defined.

Conceptos ............................................................ Error! Bookmark not defined.

DESARROLLO DE LA ESTANCIA ERROR! BOOKMARK NOT DEFINED.

CAPTULO 1: ACERCA DE LA EMPRESA ERROR! BOOKMARK NOT DEFINED.

CAPTULO 2: PRIMERA FASE: NECESIDADES ERROR! BOOKMARK NOT DEFINED.

CAPTULO 3: SEGUNDA FASE: BASE DE DATOS ERROR! BOOKMARK NOT DEFINED.

4.1 Instalacin del Software ..................... Error! Bookmark not defined.

CAPTULO 5: CUARTA FASE: FTP ERROR! BOOKMARK NOT DEFINED.

CAPTULO 6: QUINTA FASE: PRUEBAS ERROR! BOOKMARK NOT DEFINED.

CONCLUSIONES Y RECOMENDACIONES ERROR! BOOKMARK NOT DEFINED.

BIBLIOGRAFA ERROR! BOOKMARK NOT DEFINED.

ANEXOS ERROR! BOOKMARK NOT DEFINED.

Una pgina Web es un documento situado en una red informtica al que se

Pero porque tener un sitio web se volvi una necesidad:

Existen muchas motivaciones para tener un sitio web

Necesidad de notoriedad: un sitio web bien promocionado puede ser

La existencia de un sitio web est compuesta por dos aspectos diferentes y

Creacin: consiste en convertir una idea en un sitio web en lnea, indizado

Para la realizacin de este proyecto existieron distintas fases:

La fase de creacin es un proyecto en s mismo y est compuesta por varios

Diseo (la formalizacin de la idea)

Seguimiento de la tecnologa y posicionamiento del sitio web como

Tomando en cuenta las necesidades de la empresa y el material con el que se

Acerca del proyecto

El proyecto nace debido a la necesidad de la empresa de contar con un sitio web

Se cuenta con la elaboracin de diversos apartados que juntos forman lo que

Objetivos del proyecto

Desarrollar un sitio Web para la empresa Sistemas Ciberwin S.C. cumpliendo

El desarrollo de un Sitio Web para la empresa Sistemas Ciberwin S.C. es algo

2. Competir al lado de los ms grandes: Su imagen en Internet podr ser

4. Menos Costos Operativos: Ahorro en gastos de publicidad, reduccin de

5. Imagen Profesional de su empresa: Actualmente las empresas respetadas

Es una aplicacin en forma de estudio (basada en la forma de estudio de Adobe

Sus principales competidores son Microsoft Expression Web y BlueGriffon (que

Se vende como parte de la suite Adobe Creative Suite. A partir de la compra de

La gran ventaja de este editor sobre otros es su gran poder de ampliacin y

Las versiones originales de la aplicacin se utilizaban como simples editores

Dreamweaver ha tenido un gran xito desde finales de los aos 1990 y

Algunos desarrolladores web criticaban esta propuesta ya que crean pginas

No obstante, Adobe ha aumentado el soporte CSS y otras maneras de disear

Dreamweaver permite al usuario utilizar la mayora de los navegadores Web

Con la llegada de la versin MX, Macromedia incorpor herramientas de creacin

Un aspecto de alta consideracin de Dreamweaver es su funcionalidad con

Procesador Intel Pentium 4 o AMD Athlon de 64 bits

Este software no funcionar si no se activa. Es necesario disponer de conexin