Professional Documents
Culture Documents
ELABORADOR POR:
JOSU JAVIER CRUZ DE BELLO
FACILITADORA:
LINETH ALAN
JULIO, 2014
DEDICATORIA
Esta monografa est dedicada a Dios y a mis Padres; a Dios porque
ha estado conmigo en cada paso que doy, cuidndome y dndome fortaleza
para continuar.
A mis padres, pilares fundamentales en mi vida. Sin ellos, jams
hubiese podido conseguir lo que hasta ahora. Su tenacidad y lucha
incansable han hecho de ellos el gran ejemplo a seguir y destacar, no slo
para m, sino para mis hermanos y familia en general
Tambin dedico este proyecto
Josu Javier
Cruz De Bello
AGRADECIMIENTO
Principalmente a ti, mi seor, Dios quien me ha acompaado cada da
de mi vida; que me has guiado y me has dado la fortaleza para seguir
adelante
A mi mam: si hay algo que s hacer es por ti y cuando llega la
recompensa por un esfuerzo no puedo dejar de recordar tu devocin y
ejemplo. Que esta sea la recompensa a tantos aos de entrega, devocin y
apoyo.
A mi pap: por el
ii
NDICE DE IMGENES
Imagen 1
41
Imagen 2
41
Imagen 3
42
Imagen 4
42
Imagen 5
43
Imagen 6
44
Imagen 7
45
Imagen 8
45
Imagen 9
46
Imagen 10
46
Imagen 11
47
Imagen 12
47
Imagen 13
48
Imagen 14
48
Imagen 15
49
Imagen 16
49
Imagen 17
50
Imagen 18
50
Imagen 19
51
Imagen 20
51
Imagen 21
52
Imagen 22
52
Imagen 23
53
iii
Imagen 24
53
Imagen 25
54
Imagen 26
54
Imagen 27
55
Imagen 28
55
Imagen 29
56
Imagen 30
57
Imagen 31
57
Imagen 32
58
Imagen 33
58
Imagen 34
59
Imagen 35
59
Imagen 36
60
Imagen 37
60
Imagen 38
61
Imagen 39
61
Imagen 40
62
Imagen 41
62
Imagen 42
63
Imagen 43
63
Imagen 44
64
Imagen 45
64
Imagen 46
65
Imagen 47
65
Imagen 48
66
iii
Imagen 49
67
Imagen 50
67
Imagen 51
68
Imagen 52
69
Imagen 53
69
Imagen 54
70
Imagen 55
70
Imagen 56
71
Imagen 57
71
Imagen 58
72
iii
iii
INTRODUCCIN
Los negocios por Internet son cada vez ms habituales no solamente
por el gran alcance y difusin que goza este medio, sino mas bien por su
importancia que se ha vuelto prcticamente un requisito de xito para todo
negocio tener presencia en el Internet. Este proyecto abraca sobre el uso
de las pginas web como herramienta empresarial.
Una Pgina Web consiste en un inmenso conjunto de pginas
conectadas unas a otras por un sistema de enlaces la cual permite los
visitantes de estos
potentes.
Seguidamente la monografa est dividida en mltiples aspectos
bsicos como el primer captulo que contiene los aspectos generales de la
investigacin tales como: ella definicin del problema actual, una descripcin
del proyecto, los objetivos: general y especfico que se desean lograr, la
importancia de estudio, restricciones y alcance.
Vi
vii
CAPITULO
ASPECTOS GENERALES
1.1
1.2
OBJETIVOS
Crear una pagina web para una empresa la cual se utilice como
herramienta informativa a nivel empresarial.
1.3
1.4
1.5
RESTRICCIONES O LIMITACIONES.
1.6
diseo
Que los empleados de cada departamento no colaboren
el sitio web
Falta de informacin y capacitacin del uso del sitio web
o no
METODOLOGA
Tipo de investigacin
La rea de esta investigacin es en primera instancia tecnolgica como
aquella que comparte informacin, apoyada a en enfoque socio econmico
tipo marketing.
Diseo Para el diseo e implementacin de esta pgina web se
requiere del uso de la computadora, con un software para diseo y
elaboracin de la pgina web
CAPITULO
MARCO TERICO
2.1
En sus
inicios,
las
pginas
web
empresariales fueron
es como un documento
2.2
2.3
La estructura del sitio web debe ser visualmente intuitiva y fcil de utilizar
segn Quadrato (2010)3, Es importante que, de un simple vistazo, se puedan
identificar los siguientes elementos de una forma clara y consistente a lo
largo del sitio:
2.4
Esttico:
cuando
la
actualizacin
del
contenido
es
hecha
manualmente.
11
12
2.5
14
2.6
Segn (Ruiz, 2007)6La documentacin que llevan las pginas Web puede
ser elaborada por los gobiernos, instituciones educativas, instituciones
pblicas o privadas, empresas o cualquier otro tipo de asociacin, y por las
propias personas de manera individual.
Una Web permite dar a conocer a nivel mundial tu negocio, empresa,
institucin educativa, solamente tienes que estar conectado a Internet y dar
clic en la direccin correspondiente.
2.7
2.8
Una pgina Web tiene contenido que puede ser visto o escuchado por el
usuario final. Estos elementos incluyen, pero no exclusivamente:
Texto: El texto editable se muestra en pantalla con alguna de las fuentes que
el usuario tiene instaladas (a veces se utiliza una tecnologa de fuentes
incrustadas, con lo que vemos en el monitor una fuente que realmente no
poseemos, pero es poco frecuente.) El texto editable puede marcarse con el
ratn o el teclado y copiarse a otra aplicacin, como el bloc de notas
(muchos de los elementos textuales de las pginas, en especial los ttulos,
botones de navegacin. son realmente grficos, y su texto no es editable.)
16
usuario final.
Scripts, generalmente Java Script.
Meta tags.
Hojas de Estilo (CSS - Cascading Style Sheets).
2.9
17
2.9.1
La velocidad de carga de una pgina est en funcin del estado de las lneas
y de la cantidad de informacin que contiene. Sobre el primer parmetro no
hay nada que podamos hacer desde el diseo, pero s sobre el segundo:
establecer para cada pgina un mximo de bytes y no sobrepasarlo.
descartar el mayor.
Reducir la cantidad de colores de cada grfico al mnimo indispensable. De
todos modos, la mayor parte de los usuarios no pueden visualizar ms de
256.
2.9.2
18
19
2.10.4
Elementos Interactivos
20
2.11.2Objetivos
21
Completa. En el caso de que el volumen sea excesivo para ello, dividir esa
unidad de informacin en sub unidades ms pequeas, coherentes,
completas cada una en s misma. Una unidad de informacin es un tema o
un sub tema.
2.12 VISUALIZACIN
22
existen ventajas
pgina Web.
Promueve la comunicacin con los clientes y proveedores.
Genera una buena imagen moderna y tecnolgica de la empresa para sus
clientes.
Internacionalizacin de la empresa mediante una Web multidioma.
Presencia a nivel mundial de sus productos y servicios.
Captacin y fidelizacin de nuevos clientes.
Existen pasas que se deben seguir para crear un sitio web segn el articulo
(Pasos para crear un sitio web, 2010)8 tenemos los siguientes
2.13.1 Definir el objetivo
Acerca de nosotros
Prximo eventos
Inform. de servicios
Inform. contactos
Hipervnculos
Tomar en cuenta que tipos de visitante vas a tener y que tu pgina sea
compatible con diferentes tipos de navegadores.
La excelente pagina que has pasado horas diseando puede tomar tiempo
en descargarse. Si esto es el caso, muchos invitados no esperarn hasta
que termine la descarga e irn a otra parte.
Hacerla fcil para el pblico para que pueda desplazarse de una rea del
sitio a otra.
Trata de encontrar equilibrio entre un sitio web aburrido y un sitio Web
excesivo.
2.13.5 Escoge el editor
25
Segn (Harisson)
pueden utilizar para crear sitios de Internet. Muchas veces, varios idiomas se
combinan para permitir un diseo complejo, estilo y funciones en un solo
sitio. Disear pginas de Internet no requiere de un software especial, todos
los lenguajes se pueden escribir en un editor de texto simple.
2.14.1HTML
Las hojas de estilo en cascada (CSS, por sus siglas en ingls) te permiten
un control preciso de los elementos de formato en una pgina de Internet.
Usando CSS, puedes definir una lgica compleja para los elementos de
formato en tu sitio, desde fondos especiales hasta cmo encajan juntas las
diferentes secciones y el flujo. Puedes modificar el color y el estilo de las
fuentes, cambiar la forma en que funcionan los hipervnculos y el formato de
las. CSS funciona con HTML para permitir la definicin y aplicacin de las
27
2.14.5SQL
Las pginas web cuentan con una estructura principal que debe tener cada
pgina a continuacin describimos cada una de esas estructuras dadas por
el investigador (Amelotti, 2012):10
2.15.1CABECERA O HEADER
29
Los ms
conocidos son:
DRUPAL (PHP)
MAMBO
JOOMLA
PLONE
JAWS
PHP-NUKE
WEBSITE BAKER
KRYN.CMS
LMMY
ALFRESCO
30
TIDDLYWIKI
MEDIAWIKI
WIKKAWIKI
DOKUWIKIM
31
32
CAPITULO
3.1
DEFINICIN DE JOOMLA
34
35
36
37
3.4
ARQUITECTURA DE JOOMLA
3.5
EXTENSIONES DE JOOMLA
38
Son extensiones que nos permiten cargar en una posicin de una plantilla de
joomla una salida de datos una funcionalidad especfica, usualmente un
mdulo nos permite colocar la salida de un componente
3.5.3 Plantillas
Son extensiones que nos permiten cambiar la parte de vista del CMS, el
archivo index.php de la plantilla de Joomla! determina donde cargarn los
componentes y los mdulos.
3.5.4 Plugins
Gestores de documentos
39
3.6
pasos:
3.6.1
40
En esta venta nos muestra que para crear nuestra direccin web en
000webhots debemos irnos a Sign Up
Imagen2
.comuf.com.
41
Imagen 3
En esta venta nos indica que tenemos nuestro domino activo listo para el
uso
42
Imagen 5
Irnos a mysql
En Mysql creamos una base de datos de la siguiente manera.
43
Imagen 6
44
Imagen 7
Imagen 8
45
45
Imagen 9
46
Imagen 11
En esta ventana muestra los archivos que hemos subido para instalar
Joomla. Nota: para subir nuestros archivos como carpetas debemos
hacerlo en carpeta comprimida Zip.
Imagen12
47
47
48
Imagen15
49
Imagen 17
50
Imagen 19
51
52
Imagen 23
53
54
Imagen 27
En esta ventana nos nuestra la plantilla que hemos elegidos para nuestro
sito web, para editarla a nuestro gusto nos vamos a editar
Imagen 28
55
Imagen 29
56
Imagen 30
57
Imagen 31
57
Imagen 32
58
En esta ventana nos vamos a gestor de categoras para crear una nueva
gestor de categoras
Imagen 35
59
Imagen 36
Imagen 37
60
Imagen 38
61
Imagen 40
En ventana nos muestra los artculos que hemos creados para nuestra
pagina web.
El siguiente paso es realizar nuestros men para eso nos vamos a gestor
de mens
62
Imagen 42
63
Imagen 44
64
Imagen 46
65
66
67
Imagen 51
68
Imagen 52
69
En esta ventana colocamos el texto que queremos para nuestro sitio web
en cada articulo podemos hacer lo mismo
69
70
Imagen 56
71
71
Imagen 58
72
CONCLUSIONES
Los sitios web se han creado para aprovechar las inversiones existentes en
las empresas para as usarlas junto con la tecnologa y planificar el futuro, ya
que nos encontramos ante todo un mundo de posibilidades electrnicas.
73
RECOMENDACIONES
Incluir las paginas web como recursos Tics ya que ha inundado nuestro
entrono, y los empresas pueden darse a conocer a travs de este medio y
obtener nuevos clientes.
Las pginas web deben ser elaboradas por diversos componentes de los
negocios si estamos convencidos de la necesidad de hacer y divulgar el uso
crtico de los sitios web como herramienta informativa para nuestra empresa.
74
BIBLIOGRAFA
Pasos para crear un sitio web. (27 de Septiembre de 2010). Obtenido
de http://www.slideshare.net/tomyycerr/pasos-para-crear-un-sitio-web
Accin MK. (6 de Agosto de 2013). Accin MK. Recuperado el 8 de
junio de 2014, de 10 caractersticas ms importantes que una pgina web
debe
ofrecer:
http://www.accionmk.com/las-10-caracteristicas-masimportantes-que-una-pagina-web-debe-cumplir/
Amelotti, M. (30 de Mayo de 2012). cursoweb20. Recuperado el 6 de
junio de 2014, de http://cursoweb20.net/2012/05/30/paginas-web-definiciony-estructura/
Asuntos Digitales. (12 de mayo de 2010). Recuperado el 6 de junio de
2014, de http://www.asuntosdigitales.com/tipos-o-clases-de-paginas-web/
Genux desarrollo web. (27 de Agosto de 2012). Genux. Recuperado el
8 de Junio de 2014, de Genux / Desarrollo Web & Hosting:
http://www.genux.com.uy/5-ventajas-de-tener-una-pagina-web-para-suempresa/
Guervos, J. J. (14 de Mayo de 2005). Introduccin a los sistemas de
gestin de contenidos. Recuperado el 8 de Junio de 2014, de
http://geneura.ugr.es/~jmerelo/tutoriales/cms/
Harisson, E. (s.f.). lenguajes de progrmacion para pginas web.
Recuperado
el
12
de
Junio
de
2014,
de
http://www.ehowenespanol.com/lenguajes-computadora-utilizan-crearpaginas-internet-info_261212/
Ocando, O. (7 de marzo de 2008). Sitios Web y la estrategia
empresarial. Recuperado el 5 de junio de 2014, de Sitios Web y la estrategia
empresarial: http://www.gestiopolis.com/administracion-estrategia/sitios-weby-la-estrategia-empresarial.htm
9
75
http://blog.quadrato.mx/caracteristicas-basicas-de-un-sitio-web-biendesarrollado/
75
76
ANEXOS
NDICE GENERAL
NDICE DE IMGENES...iii
INTRODUCCINviii
1 CAPITULO ASPECTOS GENERALES
RESUMEN MARCO TERICO...2
1.1 DEFINICIN DEL PROBLEMA..........................................................3
1.2 OBJETIVOS........................................................................................3
1.2.1 Objetivo general...........................................................................3
1.2.2 Objetivos especficos....................................................................4
1.3 JUSTIFICACIN E IMPORTANCIA DEL PROYECTO.......................4
1.4 DELIMITACIN DEL TRABAJO.........................................................4
1.5 RESTRICCIONES O LIMITACIONES................................................6
1.6 METODOLOGA..................................................................................6
2 CAPITULO MARCO TERICO
2.1 DEFINICIN DE PGINA WEB........................................................17
2.2 CARACTERSTICAS DE LAS PGINAS WEB EMPRESARIALES
............................9
2.3 CARACTERSTICAS BSICAS DE UN SITIO WEB........................10
2.4 TIPOS DE PGINAS WEB...............................................................11
2.4.1 Segn la forma en que se actualiza el contenido:.....................11
2.4.2 Segn la complejidad y cantidad de informacin publicada......12
2.4.3 Segn la forma en que los usuarios utilizan el sitio web...........12
2.5 CLASIFICACIN DE PGINAS WEB SEGN SUS FUNCIONES
2213
2.5.1 Pginas web transaccionales, e-comercio o e-commerce........13
2.5.2 Pginas web orientadas al servicio............................................13
2.5.3 Pginas web dirigidas a la construccin de una marca.............13
2.5.4 Pginas web de contenido.........................................................14
2.5.5 Comunidades, foros o redes sociales........................................14
2.6 IMPORTANCIA DE UNA PAGINA WEB............................................15
2.7 NAVEGADORES QUE SE UTILIZAN LAS PAGINAS WEB.............15
2.8 ELEMENTOS DE UNA PGINA WEB..............................................16
2.9 VISUALIZACIN DE UNA PAGINA WEB.........................................17
2.9.1 Que cada pgina sea fcil de cargar..........................................18
2.9.2 Que las pginas sean fciles de leer.........................................18
2.10 PREMISAS BSICAS PARA CREAR UNA WEB CON XITO........18
2.10.1 Un buen contenido.....................................................................18
2.10.2 Un buen Diseo..........................................................................19
2.10.3 Las imgenes en el diseo.........................................................19
2.10.4 Elementos Interactivos...............................................................19
2.11 ETAPAS DE DESARROLLO DE UN PROYECTO DE SITIO
WEB..............................................................................................19
2.11.1 Pre diseo..................................................................................19
2.11.2 Objetivos.....................................................................................20
2.11.3 Pblico........................................................................................20
2.11.4 Contenidos.................................................................................20
2.11.5 Estructura...................................................................................21
2.12 VISUALIZACIN...............................................................................21
2.12.1 Diseo.........................................................................................21
2.12.2 Instalacin y Pruebas.................................................................22
2.12.3 VENTAJAS DE TENER UNA PGINA WEB PARA LA
EMPRESA...............................................................................................23
2.13 PASOS PARA CREAR UN SITIO WEB............................................24
2.13.1 Definir el objetivo........................................................................24
2.13.2 Determinar la estructura del sitio................................................24
2.13.3 Decide la apariencia de la pgina..............................................24
2.13.4 Considera el diseo....................................................................24
2.13.5 Escoge el editor..........................................................................25
2.13.6 Busca y junta los objetos............................................................25
2.13.7 Crea el cdigo............................................................................25
2.13.8 Visualizar mi pgina...................................................................25
2.13.9 Publica la pgina en internet......................................................25
2.14 LENGUAJES DE PROGRAMACIN DE LAS PGINAS WEB......26
2.14.1 HTML..........................................................................................26
2.14.2 CSS............................................................................................26
2.14.3 JavaScript...................................................................................27
2.14.4 ColdFusion y PHP......................................................................27
2.14.5 SQL.............................................................................................28
2.15 ESTRUCTURAR DE UNA PAGINA WEB.........................................28
2.15.1 CABECERA O HEADER............................................................28
2.15.2 CUERPO O BODY.....................................................................29
2.15.3 PIE DE PGINA O FOOTER.....................................................29
2.16 DEFINICIN DE GESTOR DE CONTENIDO..................................29
2.17 TIPOS DE GESTORES DE CONTENIDOS.....................................30
2.17.1 Gestores de contenidos generales............................................30
2.17.2 Gestores de contenidos para blogs...........................................31
2.17.3 Gestores de contenidos para cursos y entornos educativos (elearning)...................................................................................................31
2.17.4 Gestores de contenido para wikis..............................................33
2.17.5 Gestores de contenidos para tiendas online (e-commerce)......32
3 CAPITULO LA PGINA WEB COMO HERRAMIENTA DE
INFORMACIN EMPRESARIAL
3.1 DEFINICIN DE JOOMLA................................................................34
3.2 CARACTERSTICAS BSICAS DE JOOMLA..................................34
3.2.1 Gestin de usuarios....................................................................34
3.2.2 Media Manager...........................................................................34
3.2.3 Gestor de idiomas......................................................................35
3.2.4 Gestin Banner...........................................................................35
3.2.5 Gestin de contactos..................................................................35
3.2.6 Encuestas...................................................................................35
3.2.7 Bsqueda...................................................................................35
e Responsabl
CRONOGRAMA DE ACTIVIDADES
Actividades
Josu
Gua didctica
cruz
Josu
Taller
N2.
Identificacin
de
cruz
Josu
Proyecto.
cruz
Josu
cruz
entornos
tecnolgicos
para
los
negocios
Elaboracin
la
Josu
aspectos
Cruz
Josu
cruz
Josu
proyecto
Elaboracin de la herramienta a
cruz
Josu
cruz
Proceso de la elaboracin de la
Josu
pagina web
Entrega final del trabajo escrito
cruz
Josu
monografa
Elaboracin
del
de
ttulo
los
de
cruz
24 al 31
De marzo
5 de mayo
11
mayo
de
15 de mayo
21 de mayo
30 de mayo
11 de junio
29
junio
de
7
julio
de