Marco Teorico Pagina Web

RESUMEN EJECUTIVO El presente proyecto tiene como propósito enfocar una de las tantas virtudes que tiene el internet, la

Views 333 Downloads 1 File size 2MB

Report DMCA / Copyright

DOWNLOAD FILE

Recommend stories

Citation preview

RESUMEN EJECUTIVO El presente proyecto tiene como propósito enfocar una de las tantas virtudes que tiene el internet, la cual es la creación de una página web en Wix.com. Wix. Com es una página web gratuita, que está basada en un sistema en la nube. Wix te permite crear fácilmente una presencia online profesional. No necesitas saber programar y tienes completa libertad creativa para impulsar tu negocio. En este caso el negocio que estamos impulsando o promocionando, se llama VELIPA. SOFT, que consiste en brindar un servicio técnico en mantenimiento,

asesoramiento

y

reparación

1

de

computadoras.

INTRODUCCIÓN En la actualidad nos encontramos en un periodo de cambios drásticos ocasionados por la aparición de la economía de la información, la economía digital o la sociedad del conocimiento. Se vienen tiempo nuevos,

nuevas novedades de modelos de negocio

como lo es el corretaje, la publicidad, los informe diarios, E-Tailing, ECommerce, E-Sales, etc. lo que hace posible nuevas posibilidades de relación entre empresas, consumidores, empleados, administración y la combinación entre ellos. Las nuevas tendencias en estos días son el uso y manejo de información promedio

de

Páginas

Web tanto

por

medio

de

Internet, Extranet e Intranet.

Todo

esto

dará

como

resultado

más interacción entre

usuarios

y organizaciones, generando así una audiencia masiva aumentando la credibilidad de la información de dicha información que publique o venda sus productos o servicios por

medio

de

una Página

De

Internet,

explorando así nuevas oportunidades de negocio los cuales podrán enriquecer la organización como tal, así como una menor pérdida de información, explotando las tecnologías, lo cual podrá permitir la creación de aplicaciones en Web más interactivos y Fáciles de manejar. En este caso aprovechando las ventajas que ofrece la tecnología y el internet, se ha creada una página web para promocionar los servicios que brinda VELIPA. SOFT.

2

OBJETIVOS

Objetivo General  Crear una página web, en wix.com, para ofertar los servicios que presta VELIPA. SOFT.

Objetivos específicos.

 Analizar los requerimientos, ventajas que ofrece wix.com al ser una página web gratis.

 Desarrollar una página web en Wit.com para VELIPA. SOFT  Publicitar los servicios que presta VELIPA. SOFT.

3

1.

PROPUESTA DE TRABAJO

El presente proyecto tiene como propósito crear una página web en Wix.com, el objetivo de la misma es publicitar los servicios que ofrece VELIPA.SOFT, esto permitirá dar a conocer a sus clientes los servicios que ofrece esta microempresa, además tendrá una interacción virtual con los mismos. VELIPA.SOFT es una microempresa que brinda servicio técnico, en mantenimiento, asesoramiento y reparación de computadoras y aparatos tecnológicos.

2. 2.1.

MEMORIA DESCRIPTIVA

Descripción general del trabajo

Esta página Web permitirá visualizar a VELIPA. SOFT no solamente internamente sino también externamente, tendrá tres ventanas principales y una adicional. Utilizando la herramienta de diseño como es el programa WIX.com, el que por medio de sus diferentes tipos de opciones permitirá, la realización de la página web de manera flexible rápida y cómoda. A continuación se encuentran definiciones acerca de: elementos, herramientas, clases, características y utilidades de una página Web.

2.1.1. Wix. Com Wix. Com es una página web gratuita, que está basada en el sistema “en la nube”. Wix te permite crear fácilmente una presencia online profesional. No necesitas saber programar y tienes completa libertad creativa para impulsar tu negocio.

4

Wix aloja a más de 26 millones de webs en su plataforma y se registran más de 30.000 usuarios diarios. 2.1.2. Definición de página Web Una Página Web es un documento electrónico que forma parte de la WWW (World Wide Web) generalmente construido en el lenguaje HTML (Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto) ó en XHTML (eXtensible Hyper Text Markup Language o Lenguaje de Marcado de Hipertexto Extensible). Este documento puede contener enlaces (característica del hypertext) que nos direcciona a otra Página Web cuando se efectúa el click sobre él. Para visualizar una Página Web es necesario el uso de

un Browser o

navegador.

Una Página Web puede estar alojada en un ordenador local o en un ordenador remoto. Al servidor donde esté alojada la Página Web se le denomina Servidor Web. El Servidor Web atiende las peticiones de Páginas Web utilizando el protocolo HTTP (HyperText Transfer Protocol); del lado del cliente es el Browser o navegador el que recibe y muestra las Páginas Web utilizando el mismo protocolo. Otra característica importante es que una Página Web puede ser estática (su contenido siempre es el mismo) o dinámica (su contenido se construye a partir de la información introducida por el usuario). Una Web es un conjunto de

Páginas Web interrelacionadas que

conforman lo que se conoce como un Sitio Web. La WWW o la Web es todo el conjunto de información interrelacionada que se haya disponible en Internet, ésta se conforma por una serie de servidores a nivel mundial organizados por dominios (nombres lógicos 5

asociados a instituciones o empresas, otorgados por empresas registradoras oficiales).

2.1.3. Elementos de una página web Una Página Web puede contener cualquiera de los elementos siguientes: Texto, Imágenes, Audio, Objetos Animados (generalmente construidos

con

la

herramienta

Adobe

Flash),

hipervínculos

(característica que permite la navegación de una página web a otra), Meta tags (son instrucciones en lenguaje HTML que le indican a los buscadores cuales son las palabras o términos por los que debe ser indexada una página para ser encontrada), hojas de estilo en cascada o CSS (Cascading Style Sheets) que permiten separar la presentación de la página de su estructura. 2.1.4. Herramientas para crear una página Web Para crear una Página Web se recomienda disponer de las herramientas siguientes: Ordenador, Editor de Texto (Front Page, Dreamweaver,Notepad, Wordpad, etc.), Editor de Archivos Gráficos (Photoshop, Paint, etc.), espacio en un Servidor Web para alojar la página y el software cliente del FTP (File Transfer Protocol) utilizado para enviar al servidor web la Página Web. Dentro de la gama de los Editores de Texto se pueden utilizar desde los

más

básicos

(Notepad,

Wordpad)

los

cuales

requieren

conocimiento experto en HTML, los denominados intermedios (editplus, gnu emacs) que colorean las palabras claves del código fuente, y los más completos (Front Page, Dreamweaver) que se caracterizan por presentar el entorno conocido como WYSIWYG (What You See Is What You Get que significa lo que ves es lo que obtienes).Este tipo de editores permite la creación de documentos, 6

observando en la pantalla el resultado final del mismo (no es necesario imprimirlo). Con éste tipo de editores no es imperativo el conocimiento

del

lenguaje

HTML,

ya

que

el

editor

genera

automáticamente el código HTML resultante de la creación del documento. 2.1.5. Clases de páginas Web Existen distintas formas de clasificar a las páginas web, algunos criterios para ello son:

Según su construcción: 1. Estáticas: este tipo de páginas web están compuestas por archivos que contienen código HTML, es por medio de este que se pueden mostrar las imágenes, textos, videos y todos aquellos contenidos que componen a la página en sí. Los archivos que constituyen a la página web son almacenados en el servidor de Hosting, cuyo formato es también en HTML. Las páginas web pueden ser editadas por medio de programas como el Dreamweaver. Para esto, los archivos deben ser descargados del servidor con algún software, editarlos, guardarlos y subirlos nuevamente. El contenido de estas páginas no se modifica constantemente puesto que estas suelen estar en manos de personas que requieren contratar a diseñadores para que se encarguen de esto, lo que implica una serie de gastos. Además, la actualización contante no es algo que sus dueños necesiten.

2. Dinámicas: en estas páginas, en cambio, los contenidos son

modificados continuamente ya que esto queda en manos de quienes las visitan. La información de estas páginas está 7

guardada en bases de datos de las cuales los usuarios extraen aquello que les interese. Estas páginas se caracterizan entonces por ser sus usuarios quienes modifican el diseño y los contenidos, se las puede actualizar muy fácilmente, ya que no es necesario ingresar al servidor para esto. Además, tienen numerosas funciones como foros, bases de datos, contenidos dinámicos, carritos de compras, entre otros. Según su tecnología: 1. En HTML: estas páginas están construidas con lenguaje HTML, por lo que se requiere tener conocimientos de este para hacerlas. Un defecto de estas páginas es que son estáticas, además ofrecen muy poco, por lo que no son recomendables para ventas y marketing. La ventaja que ofrecen es que son muy fáciles de construir, con conocimientos básicos de diseño, alcanza.

2. En Flash: estas páginas se construyen utilizando el software Flash, de Adobe, que permite la realización de animaciones, efectos, sonidos y movimientos. Para que los usuarios puedan visualizarlas, es necesario contar con los plug-in requeridos. Para realizarlas sí es necesario tener conocimientos en profundidad sobre el software, otra desventaja, es que las páginas hechas con Flash son muy pesadas, por lo que el tiempo de descarga puede prolongarse.

3. En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP, entre otros. Para desarrollar esta clase de páginas también es necesario tener conocimientos avanzados sobre el 8

lenguaje a utilizar. Son ideales para interactuar con los usuarios y para el área de marketing.

2.1.6. Características de una página Web Entre las múltiples características que tiene una página web y que sirven para identificarla se encuentran las siguientes: cuenta con información textual y también con material de tipo audiovisual, está dotada de un diseño atractivo, está optimizada y ejerce como la tarjeta de presentación de una empresa, institución educativa, una persona o un profesional concreto. 2.2.

Descripción técnica Para la creación de esta página web utilizando la plataforma de creación de sitios web Wix.com para su inicialización se requiere del usuario una dirección de correo y su clave personal. Ingresados la página se procede a cambios que permiten realizar por medio de imágenes, fondos de colores, opciones de ventas adicionales que son como herramientas de trabajo que nos guían para realizar nuestra página web, de la misma manera se podrá enlazar con una dirección de correo que permite ser visualizada a través de diferentes servidores de red, permite además que la página elaborada se pueda compartir por medio de la telefonía celular, brindando mayor amplitud de comunicación. A Continuación se detalla paso a paso la creación de la página Web en Wix.com

9

1. Ingresando a Wix.com y seleccione crea tu Pagina

2. Inicia

creando una cuenta en el programa, ingresando una

direccion de correo y con una contraseña cuando son usuarios nuevos.

3. Visualizamos la siguiente pantalla

10

4. Elegimos la plantilla deseada según nuestra actividad en la opcion categorias

5. Seleccionamos la categoría en nuestro proyecto Computación y Apps.

11

6. Pantalla

de

visualización

de

soluciones

tecnológicas

y

presionamos en Editar este sitio Web A l

7. Visualizar la plantilla selecionamos la opcion personalizar franja y seleccionamos las opciones que se nos permiten esta opcion es opcional y presioonamos OK.

8. Luego seleccionamos animación y presionamos OK.

12

9. Ingresamos datos en la ventana principal de la página con las herramientas que nos brinda WIX

10. Wix.com nos permite modificar los textos y darle un diseño al gusto del cliente con una barra de edición de fuente.

11. De la misma manera cambiamos la imagen de presentación y representación de la empresa creada. VELIPA.SOFT

13

12. Las diferentes subventanas que nos permite navegar a traves de las paginas para realizar modificaciones en ellas

13. Ventana de publicacion de pagina

14

14. Pantalla de presentación.

15. Pantalla de servicios.

16. Servicios. Clientes.

15

17. Ventana para empresas.

18. Para que la página se vea en las redes debemos publicarla.

19. Al seleccionar que se utilice un motor de búsqueda se nos presentara la siguiente ventana

16

2.3.

Glosario.

TICS.- Tecnología de la información y comunicación. Web.- es un vocablo inglés que significa “red”, “telaraña” o “malla”. Http.- Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el protocolo usado en cada transacción de la World Wide Web.

IP.- es una etiqueta numérica que identifica, de manera lógica y jerárquica, a una interfaz (dirección de correo electrónico)

Usuario. Un usuario es «aquél que usa algo» o «que usa ordinariamente algo».

Diseño.- Se refiere a un boceto, bosquejo o esquema que se realiza, ya sea mentalmente o en un soporte material, antes de concretar la producción de algo. HTML.- es el lenguaje que se emplea para el desarrollo de páginas de internet.

JAVA.- Es una tecnología que se usa para el desarrollo de aplicaciones que convierten a la Web en un elemento más interesante y útil.

Wix.com.- Es una plataforma que crea sitios web gratis. Ayudamos a nuestros usuarios a crear sorprendentes páginas web de aspecto profesional los cuales pueden ser actualizados y editados fácilmente.

Internet.- una "red de redes", es decir, una red que no sólo interconecta computadoras, sino que interconecta redes de computadoras entre sí. 17

Tecnologías.- Es el conjunto de saberes, conocimientos, experiencias, habilidades y técnicas a través de las cuales nosotros los seres humanos cambiamos, trasformamos y utilizamos nuestro entorno con el objetivo de crear herramientas, máquinas, productos y servicios que satisfagan nuestras necesidades y deseos.

Globalización.- Es un fenómeno moderno que puede ser analizado desde diversos ángulos. El término proviene del inglés globalization, donde global equivale a mundial. Por eso, hay quienes creen que el concepto más adecuado en castellano sería mundialización, derivado del vocablofrancés mondialisation.

18

3. PROCESO DE PRODUCCIÓN. (línea de acción) Este proyecto tiene la siguiente línea de acción Crear una página web en Wix.com,

para promocionar los

productos que oferta VELIPA.SOFT. Wix.com es una página web gratuita, creada para que las pequeñas y medianas empresas puedan promocionar sus productos de forma gratuita.

19

4. ECURSOS Recursos humanos

Cantidad

Investigadores

3

Recursos tecnológicos Computador

1

Carpetas

2

Cartuchos de impresora

2

Lapiceros

2

Marcadores

1

Resma de papel

1

Copia a tinta negra

20

Copias a color

15

Recursos Económicos

Copias

$ 6

Transporte

$15

Material de oficina

$10

Anillados

$ 3

Total

$ 34

20

Recursos Hardware

Computador con internet

1

Impresora multifunción

1

Memory

1

CD

1

Recursos Software Sistema Operativo expeditión Software de Programación

Windows

7

Procesador de texto Office 2010

21

5. CRONOGRAMA DE ACTIVIDADES ACTIVIDADES

MESES Agos.

Sep.

Octub.

Noviemb.

Diciem.

Ener.

SEMANAS 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 Obtención de tema de proyecto de grado Presentación de solicitud del proyecto de grado Investigación y recopilación de información Elaboración del proyecto de grado Pruebas de los módulos del proyecto de grado Desarrollo del sistema del proyecto de grao Desarrollo del documento del proyecto de grado Presentación del proyecto de tesis Sustentación del sistema del proyecto de grado.

22

6. CONCLUSIONES  El internet tiene muchas herramientas, ventajas nosotros

los

usuarios

podemos

aprovechar

que

nuestra

productividad, en este caso publicitar o promocionar nuestra microempresa o un producto.  Wix.com es una de esas ventajas que ofrece el internet al ser una página web gratuita que permite publicitar un producto o un pequeño negocio.

23

7. RECOMENDACIONES

 Aprovechar las herramientas y ventajas que ofrece el internet en este caso la promoción o publicitación de un producto, servicio o negocio.  Usar Wix. Com para promocionar su micro empresa o producto.

24

8. BIBLIOGRAFÍA  http://www.monografias.com/trabajos95/proyecto-implementaciondiseno-y-desarrollo-pagina-web/proyecto-implementacion-diseno-ydesarrollo-pagina-web.shtml#ixzz3PrAsEvB4  http://www.monografias.com/trabajos82/diseno-pagina-webinstitucional/diseno-pagina-web-institucional.shtml#ixzz3PrC3zGEq  Definición

de

web

-

Qué

es,

Significado

y

Concepto http://definicion.de/web/#ixzz3PrLlUWVA  http://www.sceu.frba.utn.edu.ar/e-learning/cursosonline/Marketing/Proyecto-y-lanzamiento-de-un-sitioweb/temario.html  http://docentesinnovadores.net/Archivos/5918/PROYECTO%20FIN AL%20DEL%20SITIO%20WEB%20ESFAP.pdf  http://www.tiposde.org/internet/172-tipos-de-paginasweb/#ixzz3QJcHkvwt

25

9. ANEXOS.

26