IMPLEMENTACIN DE UN SITIO WEB OPTIMIZANDO TU MUNDO COMO ESTRATEGIA PARA LA ENSEANZA VIRTUAL DEL MANEJO ADECUADO DE UN PC EN EL DEPARTAMENTO DE CAQUET

HECTOR EDUARDO ROJAS ROJAS OSCAR IVAN GARZON TRUJILLO

INSTITUTO PARA EL TRABAJO Y DESARROLLO HUMANO COMFACA TECNICO EN SISTEMAS Y SOFTWARE CONTABLE FLORENCIA - CAQUETA 2011 IMPLEMENTACIN DE UN SITIO WEB OPTIMIZANDO TU MUNDO COMO ESTRATEGIA PARA LA ENSEANZA VIRTUAL DEL MANEJO ADECUADO DE UN PC EN EL DEPARTAMENTO DE CAQUET

HECTOR EDUARDO ROJAS ROJAS OSCAR IVAN GARZON TRUJILLO

Trabajo de investigacin presentado para optar al certificado en tcnico laboral por competencias en informtica y software contable.

Asesor FRANCISCO JAVIER TOLEDO

INSTITUTO PARA EL TRABAJO Y DESARROLLO HUMANO COMFACA TECNICO EN SISTEMAS Y SOFTWARE CONTABLE FLORENCIA - CAQUETA 2011

Nota de Aceptacin

_______________________________

_______________________________

Firma Presidente del jurado

_______________________________

Firma del Jurado

_______________________________ Firma del Jurado

_______________________________

Florencia, Diciembre de 2011

DEDICATORIA

Este logro en mi vida se lo dedico a mis padres que siempre han estado apoyndome. Gracias por Creer me mi, por luchar a mi lado en las adversidades, por sus consejos, y por su amor infinito.

HECTOR EDUARDO ROJAS ROJAS

Este triunfo se lo dedico a Dios y especialmente a mi madre porque con su esfuerzo he alcanzado un logro ms. A todas las personas que me apoyaron durante este proceso les doy las gracias por toda su ayuda.

OSCAR IVAN GARZON TRUJILLO

AGRADECIMIENTOS

El grupo investigador ofrece sus ms sinceros agradecimientos a todas aquellas personas que hicieron posible la realizacin de este proyecto ya que con sus asesoras, apoyo moral y acadmico contribuyeron a la estructuracin de nuestra propuesta investigativa. A nuestro tutores, por sus enseanzas y aportes acadmicos, los cuales sentaron las bases para la realizacin del trabajo. A nuestros asesores, por su paciencia y aportes especializados en la estructuracin y ajustes de la propuesta y documento final. Al Instituto COMFACA por brindarnos la posibilidad de capacitarnos como Tcnicos en Sistemas y Software Contable, prestando sus instalaciones de forma incondicional. A las amables personas de la ciudad de Florencia por su tiempo dedicado al diligenciamiento de encuestas y entrevistas.

TABLA DE CONTENIDO

INTRODUCCIN JUSTIFICACIN Pg. OBJETIVOS 1. MARCO REFERENCIAL 15 1.1 MARCO TEORICO 15 1.2 MARCO CONTEXTUAL 32 2. DISEO METODOLOGICO 34 2.1 POBLACIN 34 2.2 MUESTRA 35 2.3 INSTRUMENTOS DE INFORMACIN 35 3. DEFINICIN DEL PROBLEMA 37 3.1 ANTECEDENTES 37 3.2 DESCRIPCIN 39 3.3 DELIMITACIN 39 3.4 FORMULACIN 40 4. RECURSOS 42 4.1 MATERIALES FISICOS 42 4.2 INSTITUCIONALES HUMANOS 42 4.3 FINANCIEROS - ECONOMICOS 42 5. DISEO DEL SITIO WEB OPTIMIZANDO TU MUNDO 44 5.1 DISEO DEL PORTAL WEB OPTIMIZANDO TU MUNDO 44 5.2 RESULTADO FINAL DE CADA SECCIN Y SU RESPECTIVO CDIGO 48 6. IMPACTOS 81 6.1 SOCIAL 81 6.2 AMBIENTAL 81 6.3 ECONOMICO 82 7. PROYECCIN HACIA EL MERCADO 84 7.1 USUARIO 84 7.2 PRODUCTO 86 7.3 PROMOCIN 87 7.4 PRECIO 88 8. CONCLUCIONES 90 BIBLIOGRAFIA GLOSARIO ANEXOS

LISTA DE TABLAS

Pg.

TABLA 1: FORMAS DE UTIL. EL CODIGO HTML PARA PAG. WEB 17 TABLA 2: COLORES HTML 23 TABLA 3: CALCULO DE INVERSION PROYECTADO 42 TABLA 4: TOTAL DE COST. Y GAST. PRESUPUESTADOS A 3 MESES 43 TABLA 5: DISEO PGINA PRINCIPAL 45 TABLA 6: DISEO PAGINA SOPORTE TECNICO 46 TABLA 7: DISEO PAGINA TUTORIALES 46 TABLA 8: DISEO PAGINA INNOVACION TECNOLOGICA 47 TABLA 9: DISEO PAGINA BIBLIOTECA 47 TABLA 10: DISEO PAGINA COMENTARIOS 48 TABLA 11: USUARIOS / CLIENTES 85 TABLA 12: SERVICIOS 85

LISTA DE FIGURAS

Pg. FIGURA 1: COD. HTML UTILIZANDO BLOC DE NOTAS 30 FIGURA 2: RESULTADO DE COD. EN EL BLOC DE NOTAS 30 FIGURA 3: IMPLE. DE LOS COD. UTILIZANDO EL DREAMWEAVER 31 FIGURA 4: RESULTADO DE VISTA DE DISEO PAG. PRINCIPAL 31 FIGURA 5: PAGINA PRINCIPAL 48 FIGURA 6: PAGINA SOPORTE TECNICO 52 FIGURA 7: PAGINA TUTORIALES 57 FIGURA 8: PAGINA INNOVACION TECNOLOGICA 63 FIGURA 9: PAGINA BIBLIOTECA 68 FIGURA 10: PAGINA COMENTARIOS 71 FIGURA 11: PAGINA PRINCIPAL PORTAL GRATIS 86 FIGURA 12: TARJETA PRESENTACION SERVICIOS(DELANTERA) 87 FIGURA 13: TARJETA PRESENTACION SERVICIOS(TRASERA) 88

LISTA DE GRAFICOS

Pg. GRAFICO 1: JERARQUIA PAG. WEB OPTIMIZAND TU MUNDO 45 GRAFICO 1: PREGUNTA 1 DE LA ENCUESTA 97 GRAFICO 2: PREGUNTA 2 DE LA ENCUESTA. 97 GRAFICO 3: PREGUNTA 3 DE LA ENCUESTA. 98 GRAFICO 4: PREGUNTA 4 DE LA ENCUESTA. 98 GRAFICO 5: PREGUNTA 5 DE LA ENCUESTA. 99 GRAFICO 6: PREGUNTA 6 DE LA ENCUESTA. 99

LISTA DE ANEXOS

Pg. ANEXOS 95 FORMATO DE ENCUESTAS 96 ANALISIS ESTADISTICOS 97

INTRODUCCIN

Los medios de informacin bajo ambiente web, se han vuelto rpidamente comunes y de fcil acceso. La sociedad ha ampliado su mercado y de esta forma aprovechndose de este medio con el fin de aumentar el grado de satisfaccin y entendimiento hacia una comunidad y su entorno, es importante la participacin en la red de redes, para darnos a conocer por medio de una pgina web, sitios web o aplicaciones web. Dentro de las comunidades que han tomado conciencia de las ventajas que ofrece la web, se encuentran personas de todos los niveles educativos que pueden tener una necesidad de conocimiento directamente relacionado con computadoras en este aspecto, el presente proyecto busca satisfacer necesidades de los navegantes de la red en temas como tutoriales sobre mantenimiento de PC y manejo de los programas ms comunes. Lo anterior con el fin de que un usuario pueda acceder a dichos servicios y beneficios desde su hogar, lugar de trabajo y en general desde cualquier punto de internet. Esta propuesta est enfocada, en el desarrollo de una aplicacin web que permita obtener conocimientos de forma gratuita e inmediata sobre aspectos relacionados con soporte tcnico, como son mantenimiento preventivo y correctivo, de tipo acadmico como informtica bsica y office, permitiendo de esta forma ofrecer informacin por medio de tutoriales para cada uno de los usuarios. JUSTIFICACIN El propsito general de nuestro proyecto, radica especialmente, en la implementacin de una pgina web como estrategia pedaggica para fortalecer el aprendizaje de los Caqueteos especialmente los Florencianos, en lo que respecta al manejo y uso adecuado del PC. Este proceso, se desarrolla teniendo en cuenta la prestacin de servicios educativos y tcnicos a la comunidad en general, a fin de que el departamento de Caquet este a la vanguardia del uso de las nuevas tecnologas, como lo son la informtica y la comunicacin.

Por esto, la aplicacin que se pretende efectuar, tendr su atencin al usuario a cualquier hora del da y stos, podrn acceder a consultas y servicios, conocer equipos y dems elementos que se encuentran en evolucin tecnolgica y de los servicios prestados a travs de la red global, por medio de una aplicacin interactiva y multimedia llegando a la sociedad como un beneficio gratuito que abarca un nmero mayor de usuarios a un bajo costo. La comunicacin entonces, ha sido y ser la herramienta fundamental en el desarrollo humano, de la vida cotidiana y del futuro, ya que muchas personas emplean a diario el internet y as encontramos da tras da pginas que ofrecen el mismo servicio y no son de conocimiento fidedigno. La razn de utilizar la red global, consiste primordialmente en ofrecer una gama de servicios que puedan satisfacer las necesidades de los usuarios con respecto a los conocimientos de las computadoras y manejo de los programas ms comunes. La pgina web permitir a todas las personas que tengan una inquietud o problema con su computador, acceder a consultas sobre el funcionamiento de estas y sus partes, de forma rpida, clara, precisa y concisa, para el caso de usuarios en la misma ciudad, podrn tener asesora a domicilio. De igual manera, disfrutarn de un espacio para dejar sugerencias o formular preguntas sobre los problemas que se estn presentando a nivel de software o hardware en sus equipos. Todo lo anterior redunda, en la observacin de la necesidad que tienen las personas de Florencia y circunvecinos por aprender sobre cmo hacer un mantenimiento oportuno y actualizacin de equipos de cmputo adecuadamente. Y no conformarse con la primera respuesta que nos ofrecen, como por ejemplo los tcnicos faltos de integridad y poco comprometidos con la labor que desempean para con la sociedad. Tambin estaremos supliendo con el tiempo la necesidad de conocimientos de mayor complejidad; al acceder a nuestros servicios influenciados en la necesidad de seguir aprendiendo Definimos entonces nuestros servicios profesionales, enfocados en la misin y en las metas como tcnicos certificados por una Institucin que goza de un buen prestigio a nivel departamental y as ampliar nuestro rango de trabajo. OBJETIVOS

OBJETIVO GENERAL: Disear e implementar una aplicacin web denominada OPTIMIZANDO TU MUNDO

como estrategia para la enseanza por medio de tutoriales sobre el uso de los programas ms comunes y del manejo adecuado de una PC en el departamento de Caquet.

OBJETIVOS ESPECFICOS: . Diseo y aplicacin de un sitio web, que permita mejorar los procesos de aprendizaje de los habitantes del departamento de Caquet, en lo que respecta al manejo adecuado de un PC y asesora en soporte tcnico. Analizar los antecedentes de propuestas de pginas web, relacionadas con el soporte tcnico en lnea, para establece las fortalezas, falencias, y oportunidades para con la poblacin del departamento de Caquet. Disear una pgina web a travs del programa DREANWEAVER, y apoyados con los conocimientos de cdigos HTML. Desarrollar guas practicas y de fcil desarrollo y comprensin, para perfeccionar el uso de las computadoras en el Caquet

1. MARCO REFERENCIAL 1.1 MARCO TEORICO Una pgina web es un documento o informacin electrnica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo mvil. Esta informacin se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegacin a otras pginas web mediante enlaces de hipertexto. Las pginas web1 frecuentemente incluyen otros recursos como hojas de estilo en cascada, guiones (scripts) e imgenes digitales, entre otros. Las pginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso nicamente para redes privadas, ej., en una intranet corporativa, o puede publicar las pginas en la World Wide Web. El acceso a las pginas web es realizado mediante su transferencia desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP). Cdigo HTML

Son las iniciales de Hper Text Markup Languaje. Pues eso, en definitiva es un lenguaje de programacin, ms o menos estndar que se usa para que podamos crear documentos que se puedan ver con cualquier navegador. Los programas HTML, estn hechos con texto plano, slo contienen nmeros y letras, no todos los caracteres son vlidos, algunos caracteres son especiales y debemos insertar su cdigo, por ejemplo las minsculas acentuadas para decirle al navegador que nos muestre una a acentuada debemos teclear y el resultado sera , la e acentuada , y as el resto de vocales.

Lo que si hay que tener en cuenta es que los cdigos del marcado de lenguaje HTML, no distinguen entre maysculas y minsculas. Con lo que si hay que tener cuidado es con las llamadas externas, y sobre todo con nombres de ficheros. Con los maravillosos sistemas operativos que tienen ahora nuestros ordenadores, podemos poner nombres largusimos a nuestros ficheros, y adems pueden contener espacios. [1]

Editores HTML Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las pginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten disear una pgina web, como si estuvisemos escribiendo con un editor de texto avanzado, sin tener que escribir el cdigo con las etiquetas. Esta ltima vertiente, que podemos llamar editores en modo diseo, presenta una facilidad adicional para las personas que no deseen complicarse la vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan incapaces de hacerlo. Los editores en modo diseo nos permiten crear la pgina como si estuviramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es el encargado de vrselas con el lenguaje y programar internamente la pgina con el cdigo HTML,segn lo que nosotros estamos diseando. Con el editor HTML en vista diseo podemos colocar imgenes, definir estilos, utilizar negritas o cursivas, etc. sin preocuparnos de las etiquetas correspondientes a cada estilo o elemento. Es el editor el que conoce estas etiquetas y las utiliza convenientemente. Este tipo de editores HTML en modo diseo se denominan, en lenguaje tcnico WYSIWYG (what you see is what you get) porque cuando trabajas con ellos lo que ves que ests creando con el editor es lo que obtienes luego cuando grabas la pgina. Existen dos tendencias, por tanto, entre los desarrolladores que se dedican a realizar pginas web. Por un lado tenemos a las personas que prefieren crear las pginas

programando el HTML y por otro las personas que utilizan editores HTML en modo diseo. Algunas diferencias entre hacerlo de un modo u otro son las siguientes: Tabla 1: Formas de utilizar el cdigo HTML para una pgina web. || |METODOS DE REALIZAR UNA PAGINA WEB | |ESCRIBIENDO EL HTML |CON UN EDITOR WYSIWIG | ||| |Dominas con mayor precisin el cdigo de la pgina, |El cdigo de la pgina tiene peor calidad, incluso puede | |queda ms limpio. Si dominas bien el HTML nunca tendrs |llegar a tener errores, ms o menos visibles, que cuestan | |ningn problema para hacer lo que deseas. |arreglar. Es la mquina la que domina el trabajo. | |es ms complicado el aprendizaje, ms lento y cuando se |El aprendizaje es muy sencillo, tal como puede ser | |llega a un nivel avanzado tambin se hace |trabajar en Word. Solo se trata de manejar un programa ms.| |considerablemente ms difcil | | |Hacer una pgina cuesta ms trabajo y tiempo. | Es muy rpido. |

Fuente: elaboracin propia Cada uno debe escoger el camino que ms le convenga o el que le parezca ms atractivo. De todos modos siempre se puede empezar de un modo y luego pasar al otro modo sin ningn tipo de problema. Incluso, diramos que cuando una persona profundiza en el diseo de pginas web llega un momento en el que le hace falta conocer las dos maneras de construir webs. Para los programadores en HTML tambin es muy importante aprender a utilizar un editor porque eso aumentar su productividad y los que utilizan editores necesitarn aprender un poco de HTML para arreglar alguna cosa que el editor ha hecho mal o realizar alguna cosa que el editor no puede hacer.

Editores HTML modo diseo WYSIWYG

En el mercado existen multitud de editores de HTML WYSIWYG, es importante elegir un editor bueno porque nuestros trabajos van a depender de sus resultados. Actualmente se dice que el mejor sin duda es el dreamweaver cs5, fabricado por adobe, el cual permite tener el trabajo en modo diseo y cdigos HTML al mismo tiempo. [2]

Otras posibilidades son editores como Kompozer. FrontPage Web creator.

Editores de texto preparados para escribir cdigo HTML

Se trata de unos editores de texto, como cualquier otro, que estn preparados para escribir HTML y por lo tanto ofrecen multitud de ayudas a los diseadores. Con el editor HTML podemos colocar imgenes, definir estilos, utilizar negritas o cursivas, etc. sin preocuparnos de las etiquetas correspondientes a cada estilo o elemento. Es el editor el que sabe estas etiquetas y las utiliza convenientemente: Pueden tener abiertos y editar varios ficheros a la vez Colorean los cdigos de las pginas para hacerlos ms comprensibles Suelen soportar otros lenguajes de programacin con los que podemos llegar a trabajar en el desarrollo de pginas web. Ofrecen ayudas a la programacin, que muchas veces son contextuales y se activan a medida que vamos realizando las pginas. Y adems muchos de ellos tienen herramientas integradas para hacer cosas tan variadas como la generacin de cdigo, asistentes, mdulos de conexin por FTP con el servidor, etc.

Dependiendo del programa escogido tendremos unas herramientas y ayudas que nos permitirn crear una pgina compatible con todos los exploradores. Simplemente es elegir el que ms se adapte a nuestras necesidades. Algunos ejemplos son: Notepad: gratuito y cdigo libre. Home Site: que estaba bien, aunque Adobe hace aos que no lo actualiza. UltraEdit: que es un editor para programadores de los ms populares. Arachnophilia: que funciona en todos los sistemas operativos.

Si nos decidimos por escribir el cdigo fuente en HTML ser muy recomendable utilizar cualquiera de estos programas, para sentirnos ms a gusto al programar las pginas y poder hacerlas ms rpido. No obstante cabe recordar que cualquier editor de textos servira para hacer pginas web, incluso el Block de notas, que es el editor ms sencillo que existe para texto plano, pero utilizar un programa de estos ser imprescindible con el tiempo. [3]

Hipertexto Es el nombre que recibe el texto que en la pantalla de un dispositivo electrnico, permite conducir a otros textos relacionados, pulsando con el ratn en ciertas zonas sensibles y destacadas. La forma ms habitual de hipertexto en informtica es la de hipervnculos o referencias cruzadas automticas que van a otros documentos (lexas). Si el usuario selecciona un hipervnculo el programa muestra el documento enlazado. Otra forma de hipertexto es el strechtext que consiste en dos indicadores o aceleradores y una pantalla. El primer indicador permite que lo escrito pueda moverse de arriba hacia abajo en la pantalla. Es importante mencionar que el hipertexto no est limitado a datos textuales, podemos encontrar dibujos del elemento especificado, sonido o vdeo referido al tema. El programa que se usa para leer los documentos de hipertexto se llama navegador, el "browser", "visualizador" o "cliente" y cuando seguimos un enlace decimos que estamos navegando por la Web. El hipertexto es una de las formas de la hipermedia, enfocada en disear, escribir y redactar texto.

Estructura de los documentos de HTML Si se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en comn. Un documento de HTML empieza con la etiqueta , que es la que encerrar el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerrados respectivamente por los elementos cabeza y cuerpo. La cabecera puede contener informacin y siempre contiene el titulo del documento encerrado por el elemento . En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imgenes, sonidos, hipervnculos, etc. Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:

Ejemplo

Ttulo de mi pgina de Internet

Primera pgina

Como el lenguaje HTML no es difcil, solo es cuestin de aprender un poco el cdigo y contar con un buen editor que nos sirva de apoyo Aqu va un segundo prrafo.

Para escribir ttulos se usa la etiqueta en donde x es un nmero. Ejemplo: Titulo principal Titulo secundario Titulo terciario Titulo cuarto nivel Titulo quinto Titulo sexto Quedara ms o menos as: Titulo principal Titulo secundario Titulo terciario Titulo cuarto nivel Titulo quinto Titulo sexto

Etiquetas de prrafo. Para esto se utiliza la etiqueta y . Este comando es muy til debido a que si uno escribe algo (en el editor que se est utilizando) por mucho espacio que uno le d siempre al texto, siempre va a aparecer en la misma lnea. Para alinear un prrafo se utiliza el comando y , utilizado dentro de la etiqueta . Se puede alinear de tres formas diferentes: Prrafo... Alinea a la izquierda. Prrafo... Realiza un centrado.

Prrafo... Alinea a la derecha. Cuando nosotros queremos que lo que escribimos aparezca en otra lnea utilizamos el comando . Al terminar de escribir un prrafo es conveniente y esttico utilizar el comando para separarlo de otro. Etiquetas para darle formato al texto: Para el tamao y tipo de letra se usa la etiqueta y , que posee tres atributos: tamao (Size), Tipo de letra o fuente (face) y color Formato y Sirve para colocar un texto en Negrita. y < /U> Sirve para subrayar un texto y Sirve para tachar un texto. y Cumple la misma funcin que y Para colocar un texto en cursiva. texto con nfasis texto con nfasis citacin citacin definicin definicin teclado teclado ejemplo ejemplo SIZE: Regula el tamao de los caracteres. Ejemplo: texto... . FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc. Ejemplo: texto Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML: 1. Mediante la especificacin de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul) 2. Mediante la especificacin del nombre del color en ingles Ejemplos: Tabla 2: Colores HTML |Blanco |Blanco |#FFFFFF | |Negro |Negro |#000000 | |Rojo |Rojo |#FF0000 | |Verde |Verde |#00FF00 | |Azul |Azul |#0000FF | |Amarillo |Amarillo |#FFFF00 | |Cyan |Cyan |#00FFFF |

|Magenta |Magenta |#FF00FF | ||||

Fuente: www.virtualnauta.com/es/html/html-codigo-colores.php Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente de los navegadores Web. Si especificamos el nombre del color, podemos evitar la definicin del color en forma hexadecimal que es un poco ms difcil. Actualmente estn estandarizados tan slo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web. Para ponerle color de fondo a la pgina escribir: con el cual obtendremos un color de fondo gris oscuro. Colocar mal los colores de fondo en nuestras pginas puede provocar problemas. Qu ocurra con los links o enlaces si colocramos un fondo de color azul? Puesto que los links son azules cuando todava no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo. Se puede imaginar todava un caso peor si decidiramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la informacin que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes: text="#nmero" Para el color del texto. link="#nmero" Para el color de los enlaces. vlink="#nmero" El color con que aparecern los enlaces ya visitados. alink="#nmero" Color del enlace cuando lo pulsamos.

Por lo tanto la etiqueta puede quedar del siguiente modo: Ahora veremos cmo poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta: background="localizacin de la imagen" Esta etiqueta va dentro de la etiqueta . Ejemplo: . Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pgina.

Etiquetas META Son usadas para poner meta-informacin del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra pgina Web. Muchos de los buscadores de pginas Web de Internet (Yahoo, Lycos, google etc.) utilizan el contenido de esta directiva para incluir la pgina en sus bases de datos. Ejemplo: Indica al visor el nombre de la pgina y sus contenidos principales. Indica el nombre de la persona que elabora la pagina WEB Indica al visor las palabras clave para los buscadores de Internet. Para hacer listas: Las listas se definen de forma muy sencilla: se dice dnde empieza la lista, dnde empieza cada punto y dnde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de lnea, o al menos sin texto por delante (slo espacios o tabulaciones). Las listas pueden ser: Lista desordenada, (Unordered List). Lista ordenada, (Ordered List). Ejemplos de diferentes tipos de listas: Lista con nmeros romanos: Manzana Zanahoria Lechuga Tomate Manzana Zanahoria Lechuga Tomate Lista numerada: Manzana Zanahoria Lechuga Tomate Manzana Zanahoria Lechuga

Tomate Lista con puntos: Manzana Zanahoria Lechuga Tomate Manzana Zanahoria Lechuga Tomate Lista con crculos: Manzana Zanahoria Lechuga Tomate Manzana Zanahoria Lechuga Tomate Lista con cuadrados: Manzana Zanahoria Lechuga Tomate Manzana Zanahoria Lechuga Tomate[4] Las pginas web suelen estar disponibles en servidores web en internet. Generalmente mltiples pginas web en un mismo dominio constituyen un sitio web. Por lo general un sitio web tiene una pgina principal (el ndice que puede ser index.html, index.php, index.asp) desde donde se enlazan otras pginas web del sitio formando una red, En un sitio pueden existir pginas web de acceso pblico y de acceso privado. El navegador web se encarga de solicitar una pgina web especfica a un servidor dependiendo de la direccin (URL). Esta peticin se realiza siguiendo el protocolo HTTP, Una pgina web puede estar constituida de texto esttico al que se le da formato con

etiquetas HTML. Las pginas web pueden ser visualizadas a travs de un navegador web como Internet Explorer, Netscape, Firefox, Opera, etc. Las pginas web pueden estar formadas por distintos elementos como: Texto e hipervnculos, imgenes (generalmente formatos GIF, JPG y PNG), audio (MIDI, MP3 y WAV), Flash, Shockwave, grficos vectoriales (SVG), etc. Antiguamente diferentes navegadores a veces interpretaban de formas distintas una misma pgina web; incluso los webmasters deban adaptar los cdigos para uno u otro navegador web. Actualmente este problema casi no existe porque tanto diseadores web como desarrolladores de navegadores comenzaron a respetar los estndares para la creacin de pginas web. Estas reglas son creadas por el Consorcio World Wide Web (W3C) para HTML, CSS, XML, etc. Las pginas web pueden hacerse desde cualquier editor de texto, aunque siempre ms sencillo usar los editores WYSIWYG, que son totalmente grficos como Dreamweaver o FrontPage, etc.[5] Para crear nuestra pgina web con apariencia profesional y bien diseada utilizaremos el DREAMWEAVER CS5 DE ADOBE el cual genera un cdigo limpio que puede ser corregido fcilmente. El DREAMWEAVER CS5 incluye gran variedad de diseos y funciones, con las cuales se pueden crear pginas rpidamente. Por ejemplo, se puede utilizar una plantilla para crear un formulario de bsqueda, un formulario de comentarios, libro de invitados. Tecnologas de la Informacin y la Comunicacin: Se pueden considerar las Tecnologas de Informacin y Comunicacin1 (TIC) como un concepto dinmico.[ ]Por ejemplo, a finales del siglo XIX el telfono podra ser considerado una nueva tecnologa segn las definiciones actuales. Esta misma definicin podra aplicarse a la televisin cuando apareci y se populariz en la dcada de los 50 del siglo pasado. No obstante, hoy no se pondran en una lista de TICS y es muy posible que actualmente los ordenadores ya no puedan ser calificados de nuevas tecnologas. A pesar de esto, en un concepto amplio, se puede considerar que el telfono, la televisin y el ordenador forman parte de lo que se llama TIC, tecnologas que favorecen la comunicacin y el intercambio de informacin en el mundo actual. Despus de la invencin de la escritura, los primeros pasos hacia una sociedad de la informacin estuvieron marcados por el telgrafo elctrico, despus el telfono y la radiotelefona, la televisin e internet accesible gracias a los proveedores. La telefona mvil y el GPS han asociado la imagen al texto y a la palabra sin cables, internet y la televisin son accesibles en el telfono mvil que es tambin una mquina de hacer fotos.[] El acercamiento de la informtica y de las telecomunicaciones, en el ltimo decenio del siglo XX se han beneficiado de la miniaturizacin de los componentes, permitiendo producir aparatos multifunciones a precios accesibles, desde los aos 2000. Los usos de las TIC no paran de crecer y de extenderse, sobre todo en los pases ricos, con el riesgo de acentuar localmente la Brecha digital,[] y social y la diferencia entre

generaciones.[6] Desde la agricultura de precisin y la gestin del bosque, a la monitorizacin global del medio ambiente planetario o de la biodiversidad, a la democracia participativa (TIC al servicio del desarrollo sostenible) pasando por el comercio, la telemedicina, la informacin, la gestin de mltiples bases de datos, la bolsa, la robtica y los usos militares, sin olvidar la ayuda a los discapacitados (ciegos que usan sintetizadores vocales avanzados), las TIC tienden a tomar un lugar creciente en la vida humana y el funcionamiento de las sociedades.[7]

Figura 1: Cdigos HTML utilizando el Block de notas [pic] Fuente: elaboracin propia en Bloc de notas Figura 2: Resultado del cdigo en el Bloc de notas vista navegador Explorer [pic] Fuente: elaboracin propia vista en Explorer Figura 3: Implementacin de los cdigos en el programa dreamweaver [pic][Fuente: elaboracin propia en DREAMWEAVER CS5 Figura 4: Resultado en vista de diseo de la pgina principal [pic] Fuente: elaboracin propia en vista Explorer

2. MARCO CONTEXTUAL Caquet es uno de los 32 departamentos de Colombia. Se encuentra localizado en el suroriente del pas, siendo Florencia su capital. La regin del Caquet se inicia en el pie de monte andino y termina en los escarpes de Araracuara, en plena amazonia. Adems cuenta con una gran riqueza cultural y folclrica, que incluye etnias indgenas con conocimiento sobre su biodiversidad. En el departamento del Caquet y su municipio Florencia no son ajenas las tecnologas de la informacin y comunicacin TICS; esto nos permite ver un panorama bastante bueno ya que el uso de las tecnologas, ha tenido un gran impacto concebido de la siguiente forma: En el departamento de Caquet, las TICS, se vienen desarrollando de manera progresiva, ya que el Ministerio de Educacin Nacional (MEN) a travs de su poltica de Revolucin Educativa, ha realizado importantes alianzas como por ejemplo la hecha con el Ministerio de Comunicaciones para la consecucin de equipos de cmputo, los cuales benefician de manera directa los establecimientos educativos, generando en la poblacin escolar un impacto positivo y futurista. De la misma manera, anexo a los computadores, se estn dotando los centros y las instituciones escolares de antenas de Compartel para tener acceso de manera gratuita al Internet, mejorando ostensiblemente el uso de las nuevas

tecnologas en lo que a la web se refiere. Sin embargo, Estos avances son apenas un abrebocas para lo que se espera a nivel progresivo, ya que los Modem o Router utilizados en estos procesos, al igual que los programas, sean de ms potencia y de fcil manejo. Por otro lado, en las cabeceras municipales y principalmente en la ciudad de Florencia, se cuenta con equipos de avanzada tecnologa, con Modem ms potentes y equipos de vanguardia que posibilitan y mejoran la relacin usuario-PC, lo que genera una transformacin favorable para todo el departamento, mejorando la calidad de vida de sus habitantes y lo que es ms importante, la educacin. En el municipio de Florencia respectivamente, el manejo de las TICS se viene aplicando de la siguiente manera: A travs de la secretaria de Educacin municipal, se vienen adelantando programas de capacitacin del personal docente con miras a desarrollar tendencias metodolgicas , practicas y didcticas, a fin de mejorar los procesos de enseanza y aprendizaje con los estudiantes en las diferentes Instituciones escolares, lo que genera un impacto tangible en la poblacin ya que de esta manera se busca que los procesos educativos del momento, se relacionen simultneamente con el uso de las nuevas tecnologas, las cuales hacen parte de la manera de comunicarnos con el mundo a travs del Internet y la manera de crear nuestros propios espacios participativos y competitivos, como lo es en este caso la implementacin de nuestra pgina web denominada Optimizando tu mundo y la cual se estara constituyendo como empresa cuya funcionabilidad depende de la oferta de productos y programas, que se establezcan en el mercado para el usuario, buscando la competitividad y la buena calidad.

2. DISEO METODOLOGICO 2.1 POBLACIN La poblacin de departamento de Caquet est estimada en 453.562 habitantes de

acuerdo con la proyeccin del DANE para 2011, estas cifras revelan que aproximadamente un 40% cuenta con conexin a internet, ya sea en casa o desde un cyber caf, reflejada en una enseanza en lnea. As mismo, una elevada cifra de 60% de esta poblacin no establece una relacin directa con un PC y mucho menos con el espacio virtual. De esta manera, La situacin geogrfica dificulta en gran sentido que los medios de comunicacin y por ende los computadores lleguen a sus rincones y el asunto de la comunicacin terrestre el Caquet genera que la educacin o la enseanza consiga entrar a los lugares ms apartados, gracias a la implementacin de nuevos programas como para el caso las Tecnologas de Informacin y la Comunicacin TICS, donde en muchos casos se est mejorando la parte de inversiones en equipos de alta tecnologa y de la implementacin y puesta en marcha de antenas de internet. Teniendo en cuenta lo anterior, se selecciona un rea especfica para realizar la forma prctica del proyecto, en la que se nota que las personas presentan dificultades con la relacin existente entre humano-computadora y entorno a stas se construye y moldea el trabajo. En este caso la investigacin fue diseada para transformar literalmente el aprendizaje individual y colectivo sobre la enseanza de la utilizacin del PC y mantenimiento preventivo para el caso. La solucin a este problema abordado obedece y se suscribe a una poblacin de 100 habitantes entre, jvenes y adultos de la ciudad de Florencia Caquet, provenientes de diversos estratos, con los cuales es posible examinar y determinar el problema abordado. 2.2 MUESTRA Por otro lado, la poblacin necesaria para el diseo del modelo de transformacin estuvo constituida por un personal de 20 personas de diversas edades y genero, los cuales hacen parte del municipio de Florencia Caquet y cuyas edades promedian los 10 y los 60 aos de edad, provenientes de estratos 1 ,2 , 3 y 4 de cuyas familias se puede decir que sus actividades recursivas dependen de sus salarios, donde en algunos prima la inestabilidad y la falta de empleo, lo que los obliga a pasar necesidades de tipo econmico, moral y social, reflejados en su quehacer diario, educativo y tecnolgico. As mismo, el contexto abordado en los estratos 1 y 2 fueron barrios que han sido lugar de refugio para muchas familias desplazadas, provenientes en su gran mayora de las zonas rurales y de otros municipios. A la cantidad de 100 personas, se les aplicaron las encuestas, referentes a la forma de utilizacin de equipos de computo y el acceso a la red primordialmente como recurso valioso para la propuesta, donde se tom como poblacin muestra representativa a 100 personas que determinarn la validez de la propuesta planteada y los resultados obtenidos.

2.3 INSTRUMENTOS DE RECOLECCIN DE INFORMACIN Teniendo en cuenta que los instrumentos de recoleccin de informacin hacen parte importante en el desarrollo de la propuesta, se hace necesario conocer en gran medida, su funcionalidad en el trabajo; es decir, el papel que cumplen en el proyecto. La recoleccin de datos se refiere al uso de una gran diversidad de tcnicas y herramientas que pueden ser utilizadas por el analista para desarrollar los sistemas de informacin, los cuales pueden ser la encuesta (anexo 1), entrevistas (anexo 2) Estos instrumentos se aplican en un momento en particular, con la finalidad de buscar informacin que ser til a una investigacin en comn. En la presente investigacin trata con detalle los pasos que se debe seguir en el proceso de recoleccin de datos, con las tcnicas ya antes nombradas. Los analistas utilizan una variedad de mtodos a fin de recopilar los datos sobre una situacin existente, como entrevistas, cuestionarios, inspeccin de registros (revisin en el sitio) y observacin. Cada uno tiene ventajas y desventajas. Generalmente, se utilizan dos o tres para complementar el trabajo de cada una y ayudar a asegurar una investigacin completa.[8] Por tal motivo y como complemento al trabajo, se realiz una encuesta con un margen de 100 personas, de distinta ndole social y diferentes edades, con el fin de determinar entre otros factores, cules son las inquietudes directas y comunes que necesitan replicar en nuestra comunidad, conocer qu tanto se sabe del manejo de los computadores en la poblacin, con qu frecuencia les hacen mantenimiento y acceden a programas especiales y de esta manera saber que aportes debemos de tener en cuenta para nuestra pgina web OPTIMIZANDO TU MUNDO

3. PLANTEAMIENTO DEL PROBLEMA

3.1 ANTECEDENTES En nuestro vivir diario encontramos ms y mejores servicios a travs de internet tales como compras, ventas, servicios y comunicaciones tratando de facilitarnos la vida cotidiana, debido a su constante movimiento y evolucin. La educacin en los ltimos tiempos, ha venido evolucionando y concibindose a travs de la red por medio de conocimientos de informacin y comunicacin. Hoy en da podemos contar con formas fciles para acceder a muchos ms campos tecnolgicos por medio de la red global, de esta manera con nuestra pgina web queremos implementar una ayuda como herramienta de comunicacin o educacin para todas las personas que gusten o puedan verse beneficiadas con la calidad de servicio a recibir, de mantenimiento preventivo de computadores y asesora personalizada. Debido a las mltiples ocupaciones de la sociedad, decidimos brindar estos conocimientos bsicos en un portal de acceso gratuito, para que puedan hacer sus propios ajustes ya sea a nivel de software o hardware, prolongando la vida til de sus equipos en la comodidad de su hogar y sin estar atados a horarios fuera de su rutina diaria. Todo con el fin de aportar al mejoramiento de la calidad de vida de nuestra comunidad cercana y aledaa. En este sentido, se encuentran una serie de trabajos relacionados con la propuesta, los cuales hacen parte de una gama de investigaciones recientes sobre la misma problemtica abordada por el grupo dinamizador de la propuesta, entre las que figuran: A NIVEL INTERNACIONAL, se evidencian trabajos relacionados con la enseanza desde la escuela del computador. En la ciudad de la Habana Cuba, el investigador MSc. Georgina Daz Fernndez, abord para el caso un trabajo denominado Cmo contribuir al perfeccionamiento del uso de la computadora como medio del proceso de enseanza aprendizaje en la educacin primaria?, cuyo objetivo respondi sobre como proponer una concepcin terico metodolgica para el uso de la computadora como medio del proceso de enseanza aprendizaje de la educacin primaria. Las conclusiones respectivas del trabajo realizado fueron: La introduccin de la computacin en la educacin primaria ha transitado por tres etapas de desarrollo: etapa de experimentacin (1985-1995), etapa de transicin (1996-2000) y etapa de masividad (2001 a la fecha). Se encuentra en un momento de consolidacin que requiere la preparacin de los maestros para lograr el cumplimiento del doble objetivo de contribuir a la formacin informtica en los escolares primarios y a elevar la calidad del proceso de enseanza aprendizaje.[9] A NIVEL NACIONAL, El programa de uso de nuevas tecnologas para el desarrollo de competencias es uno de los proyectos estratgicos para la competitividad que lidera el Ministerio de Educacin Nacional. La estrategia del programa est fundamentada en

esquemas colaborativos, de redes y alianzas estratgicas que se deben dar en diferentes niveles, y cada uno de estos son cruciales en el proceso de apropiacin social del conocimiento. El Programa establece las lneas de accin que ayudan en la construccin de una 1. Infraestructura tecnolgica de calidad, en el 2. Desarrollo de contenidos de calidad, en la definicin de 3. uso y apropiacin de las tecnologas en la educacin, y en la consolidacin de las comunidades educativas que apropien y pongan en marcha nuevos paradigmas apoyados con tecnologa, para dar solidez a las polticas de cobertura, calidad y eficiencia de la Revolucin Educativa a nivel de la educacin preescolar, bsica, media y superior.[10] A NIVEL LOCAL, se evidencia un trabajo relacionado con el Uso de las TICs y Plan de Gestin, liderado por un equipo de docentes en cabeza de su rector de la Escuela Normal Superior de la ciudad de Florencia en febrero de 2010, cuyo objetivo principal, es el de intercambiar informacin con otros establecimientos educativos del pas y a nivel internacional con Argentina, cuyos resultados, redundaron en el mejoramiento de la calidad educativa y el estar a la vanguardia de la tecnologa comunicativa.[11]

3.2 DESCRIPCIN DEL PROBLEMA Pueden ser muchas las pginas web enfocadas a un aprendizaje educativo que no sabemos su procedencia o respaldo, o su informacin es equivocada o inconclusa, y no son fciles de entender y explorar su contenido. De esta manera observamos que nuestra pgina, busca corregir estas falencias. La red se ha vuelto una de las principales herramientas para la enseanza sobre el mantenimiento preventivo de PC por medio de tutoriales. De tal manera vemos la importancia de facilitar el aprendizaje y servicio oportuno a las personas por medio de la web interactiva sin importar la edad o el estrato social.

3.3 DELIMITACION DEL PROBLEMA Este trabajo bsicamente se desarrolla en la ciudad de Florencia, pero con acceso desde cualquier punto del departamento del Caquet que cuenten con internet, para esto hemos venido desarrollando un trabaj directamente con las personas del comn, a quienes se les aplicaron las encuetas. Todo esto con el propsito de identificar las competencias que stas presentan en el manejo de las nuevas tecnologas, demandadas por el mercado laboral de medios de comunicacin en prensa, radio y televisin del departamento de Caquet, a nivel nacional e internacional. Una vez identificadas las aptitudes, se estableci el grado de coherencia existente entre ellas. Es importante sealar que aunque en el municipio de Florencia, poco se hayan inscritas y en desarrollo, pginas web que promuevan el aprendizaje del PC, con soporte tcnico a bajos precios, existen algunas que se interesan por el tema, tal es el caso de las

Universidades y el SENA presentes en el departamento, las cuales asumen con gran categora la enseanza y el aprendizaje del PC. Todo esto lo realizan para cumplir con los objetivos de las propuestas contemplados en la malla curricular de los Proyectos Educativos Institucionales como garanta en el desarrollo de las reas del conocimiento humano. Para identificar las competencias en el manejo de las nuevas tecnologas y enfocados especialmente en la aplicacin Web, se trabaj directamente con la informacin de un grupo de personas del comn a quienes se les abord en las entrevistas, fueron 100 personas de varios estratos, pertenecientes a la ciudad de Florencia Caquet. Por otra parte, cabe mencionar que se escogi una seleccin de medios de comunicacin, como garantes en los procesos globalizantes interactivos, porque se consider interesante ver las diferencias en cuanto al manejo de herramientas tecnolgicas que se podra presentar entre stos.

3.4 FORMULACIN DEL PROBLEMA Debido al avance tecnolgico mundial que se viene dando en gran escala, nuestra regin debe evolucionar a la par, para de esta manera estar a la vanguardia de la evolucin de las tecnologas conocimientos y comunicaciones. Por tal motivo surge la siguiente inquietud: Cules son los servicios que debe ofrecer un portal interactivo, en el cual se brinde la oportunidad de aprendizaje y asesora sobre el mantenimiento del PC y sus partes de forma completa para la poblacin del Caquet y general?

4. RECURSOS

4.1 MATERIALES- FISICOS Los medios que requerimos para el desarrollo de nuestro sitio web son programa editor de pginas web DREAMWEAVER de ejecucin audio visual. Un Hosting que sea adecuado para la ejecucin de nuestro propsito, para de esta forma lograr un acceso y solucin de cualquier inquietud.

4.2 INSTITUCIONAL- HUMANOS Para el desarrollo de nuestra actividad, fue esencial la enseanza por parte del docente Francisco Javier Hoyos Toledo, quin nos abri una puerta al mundo del diseo de pginas web y en busca de ms conocimientos, se decide por parte de los investigadores, profundizar en este campo. 4.3 FINANCIEROS ECONOMICOS Tabla 3: Calculo de inversin del proyecto |HERRAMIENTAS |VALOR | |COMPUTADOR |$ 1.500.000 | |INTERNET | $ 100.000 | |SOFTWARE Y PROGRAMAS DE APOYO | $ 300.000 | |PUBLICIDAD | $ 100.000 | |HOSTING X 6 MESES | $ 150.000 | |TOTAL | $ 2.150.000 |

Fuente: elaboracin propia

Tabla 4: Total de costos y gastos proyectados a 3 meses |PROYECCION COSTOS Y GASTOS | |COSTOS | MES 1 |MES 2 |MES 3 | |ELEMENTOS PARA EL SOPORTE TECNICO DEL PC |$ 200000 |$ 250000 |$300000 | |TOTAL COSTOS |$ 200000 |$ 250000 |$300000 | |GASTOS | |ARRENDAMIENTO DEL LOCAL |$350000 |$350000 |$350000 | |SERVICIO DE ENERGIA |$150000 |$160000 |$160000 | |SERVICIO ACUEDUCTO |$60000 |$60000 |$70000 | |HOSTING |$0 |$0 |$0 | |SERVIVIO DE INTERNET / TELEFONO |$170000 |$170000 |$170000 | |SUELDOS TECNICOS |$1400000 |$1400000 |$1400000 | |SEGURIDAD SOCIAL TECNICOS |$60000 |$60000 |$60000 | |AUX. TRANSPORTE |$40000 |$40000 |$40000 | |DEPRECIACION DEL EQUIPO |$52900 |$52900 |$52900 | |TOTAL GASTOS |$2282900 |$2292900 |$2302900 | |TOTAL COSTOS Y GASTOS PROYECTADOS |$2482900 |$2542900 |$2602900 |

Fuente: elaboracin propia

5. DISEO DEL SITIO WEB OPTIMIZANDO TU MUNDO

5.1conceptualizacin Por medio de nuestra pgina www.obtimizandotumundoweb.es.tl se busca ahorrar

muchas molestias y despejar dudas comunes para los usuarios de computadores sin la necesidad de salir de su casa y ubicar un tcnico. El concepto general de la pgina es de fcil interaccin con el pblico del comn que tiene una conexin a internet. El sitio web est enfocado a brindar conocimientos por medio de la implementacin de tutoriales en PDF que guiaran pas a paso a los usuarios en los diferentes temas. Las descargas sern de forma gratuita y sin ninguna suscripcin mediante enlaces que los llevaran a un sitio de gran confianza donde tenemos alojado nuestro material, www.4shared.com De acuerdo a lo anterior este sitio tiene los siguientes servicios: Tutoriales gratuitos para descargar Windows bsico Office bsico Office avanzado Mantenimiento preventivo Instalacin de software Gama de servicios a domicilio Mantenimiento preventivo y correctivo Formateo e instalacin de Windows en PC porttil y escritorio Recuperacin de datos y muchos servicios ms Grafico: 1 escala jerrquica de la pgina web optimizando tu mundo

Fuente: elaboracin propia

Tabla 5: Diseo pgina principal |Banner optimizando tu mundo | |Introduccin al contenido | |Tira de imgenes | |hipervnculo |hipervnculo |hipervnculo |hipervnculo |hipervnculo | |Imgenes |Introduccin al contenido |Imgenes | | |Publicidad optimizando tu mundo | | |publicidad | |publicidad | | |Texto contenido | | | |Publicidad optimizando tu mundo | | |Banner optimizando tu mundo |

Fuente: elaboracin propia Esta pgina por ser la principal hablamos un poco de su contenido general y colocamos los hipervnculo con las dems secciones que componen el sitio web. Tabla 6: Diseo pagina soporte tcnico |Titulo | |Banner optimizando tu mundo | |Introduccin al contenido | |Imagen |Imagen |Imagen | |Hipervnculos |Texto Contenido | | | |Imagen | | |Video publicidad |Link descarga |Imagen | |||| | | |publicidad | | |Texto Contenido | | | |Link descarga | | |Banner optimizando tu mundo |

Fuente: elaboracin propia En esta pgina de soporte tcnico hablamos sobre mantenimiento preventivo, correctivo y damos la opcin de descarga de tutoriales que hablan al respecto. Tabla 7: Diseo pagina de tutoriales |Banner tutoriales | |Imagen |Hipervnculos |Hipervnculos |Hipervnculos |Imagen | |||||| |Contenido tutoriales | | | | |

|||||| |||||| | | | | |imagen | | |Texto contenido | | | |imagen | | | |Links de descarga de tutoriales | |

Fuente: elaboracin propia Esta pgina hablamos de varios tutoriales y damos la opcin de descargarlos.

Tabla 8: Diseo pagina innovacin tecnolgica |Banner innovacin tecnolgica | |hipervnculo | | |titulo | | |Texto Contenido | | |||| | |imagen | | | |Banner publicidad | | | |Contenido | | | |imgenes | | |Banner innovacin tecnolgica |

Fuente: elaboracin propia En esta pgina hablamos de las innovaciones tecnolgicas ms importantes y comentamos sobre estas, sus ventajas y desventajas.

Tabla 9: Diseo pagina biblioteca |Banner optimizando tu mundo biblioteca | |hipervnculo |hipervnculo |hipervnculo | |titulo | |Tira de imgenes | |Texto contenido |Imagen | |Link hipervnculo contenido | | ||| | |publicidad | |Publicidad | | |Titulo | | |Texto contenido | | |Link hipervnculo contenido | | |Banner optimizando tu mundo |

Fuente: elaboracin propia En esta pgina encontraremos el significado de conceptos tcnico y tambin tendrn un hiprvinculo que los llevara a pginas donde podr acceder a mas informacin. Tabla 10: Diseo pagina comentarios || |Banner optimizando tu mundo | |hipervnculo |Contacto del usuario con nosotros |reloj | |imagen |Imagen |Imagen | | |publicidad |publicidad | |Banner optimizando tu mundo |

Fuente: elaboracin propia Esta seccin del sitio est pensada en el usuario, para que ellos nos escriban sus inquietudes y sugerencias, para mejorar nuestra pgina.

5.2 RESULTADO FINAL DE CADA SECCION DEL SITIO WEB Y SU RESPECTIVO CODIGO Figura 5: pgina principal del sitio web [pic] Fuente: elaboracin propia en el Dreamweaver cs5 Cdigo HTML de la pgina principal

OPTIMIZANDO TU MUNDO body { background-color: #FFF; } body,td,th { color: #000; } a:link { color: #30F; } a:visited {

color: #C00; }

No deje que cualquiera meta las manos en su Computador

REALIZAMOS MANTENIMIENTO PREVENTIVO Y CORRECTIVO DE TODO TIPO DE COMPUTADORES DE ESCRITORIO Y PORTATILES, TODOS LOS PROGRAMAS, ANTIVIRUS, OFFICE, SISTEMAS OPERATIVOS, RECUPERACION DE DATOS

Servicio Completo en su Hogar!

ANUNCIE CON NOSOTROS

Te Damos Soporte Tcnico Siempre

Somos una empresa seria en proseso de desarrollo y tenemos como meta hacernos acreedores de la confianza de los Caqueteos. Si usted necesita soporte tcnico personalizado para su PC o requiera de alguno de nuestros servicios antes mencionados, no dude en contactarnos. Ver que no solo encontrar respaldo tcnico, sino tambin un servicio acorde a sus necesidades. El 80% de nuestros trabajos se resuelven en el domicilio del cliente.

En base al problema que tenga, nosotros le daremos la mejor solucion para resolverlo: en su domicilio o en nuestra oficina. Te invitamos a que visites nuestra seccion de tutoriales, en donde encontrars guias de los programas mas utilizados para ustedes y muchas cosas mas que hemos aprendido y recopilado de la web. los tutoriales los tenemos alojados en www.4shared.com diseados por nosotros danloles un aspecto facilmente entendible para poner en practica en la comodidad de su hogar descargandolos de forma segura y gratuita solo tienes que seguir los links que estan debajo de cada seccion. no olvides que tu tienes un espacio muy importante para nosotros y cualquier duda que tengas o cuaquier sugerencia llamarnos o escribenos en nuestra seccion de comentarios | Servicio tcnico de computacin | Armado de redes | Reparacin de PC |Casa de computacion| Local de computacion|

No dejes que te metan GATO por disco.

Mejor ACESORATE Con Nosotros

Fuente: elaboracin propia.

Figura 6: pagina de soporte tcnico [pic] Fuente: elaboracin propia.

Cdigo HTML de la pgina de soporte tcnico

soporte tecnico

SOPORTE TECNICO

SERVICIO TCNICO DE COMPUTADORES DE ESCRITORIO Y PORTATILES

Si usted necesita servicio tcnico para su computadora, no dude en contactarnos y solicitar nuestros servicios. Ver que no solo encontrar respaldo tcnico para su PC, sino tambin un servicio acorde a sus necesidades. Nuestros trabajos resuelven armado, reparacin y mantenimiento de PC.

Es un grupo de servicios que proveen asistencia para hardware, software u otros bienes electrnicos o mecnicos. En general, el servicio de soporte tcnico sirve para ayudar a resolver los problemas que puedan presentrseles a los usuarios, mientras hacen uso de servicios, programas o dispositivos. el soporte tcnico en sitio: es quel que realiza el tcnico en el rea o lugar donde se encuentra el dispositivo en cuestin. El soporte tcnico puede ser ofrecido a travs de diferentes formas como e-mail, chat online, telfono, aplicaciones (como mensajera instantnea), fax y otras tcnicas a travs de sitios web, como el ingreso a una mesa de ayuda o similar.

SERVICIO QUE OFRECEMOS

Instalacin y configuracin de hardware Configuraciones Modem / Router Drivers (Placa de Video, Sonido, Red, Etc.) Instalaciones Memorias Lectoras CD y DVD (RW) Disco duro Aplicaciones Software (Programas, aplicaciones, etc.) board Fuente AT ATX Cambio de Microprocesadores y mas...

Mantenimiento preventivo se recomienda realizar 2 veces al ao Los mtodos empleados en este mantenimiento buscan la estabilidad de su computadora, utilizando todo tipo de software para el diagnostico y la reparacin de su sistema. Instalacin, actualizacin y configuracin de programa Antivirus/AntiSpyware. Eliminacin de Virus y Spyware. Mejora del rendimiento grfico de Windows. Optimizacin, chequeo, actualizacin y complementacin de seguridad de Windows. Optimizacin en el inicio de Windows. Desinstalacin de programas innecesarios o maliciosos. Tambin podemos realizar cambio de componentes de hardware que ya hayan pasado los pronsticos de vida en equipos de esencial funcionamiento como servidores y maquinas que se desempeen en reas de vital importancia para la compaa. http://www.4shared.com/document/eb-V-SFb/manual-de-mantenimientO.html

Mantenimiento Correctivo

Formateo con backup de datos. Actualizacin de BIOS. Deteccin y diagnostico de fallas Hardware. Recuperacin de Datos.(Pueden ser recuperados con un alto porcentaje de xito).

Formateo Recupera tu PC, funcionando como el primer da que la compraste Consta de los siguientes pasos: Realizar Backup (copia de la informacin de la PC). Formatear el disco rgido. Instalar Windows, paquete office, antivirus, otras aplicaciones. Restaurar la informacin.

Limpieza de hardware Sencilla: Se limpia retirando el excedente de polvo y partculas que impiden el buen funcionamiento del equipo, prolongando su vida til. Completa: Consiste en una limpieza profunda, componente por componente. Evitando el sobrecalentamiento del equipo y de partes mas especificas. AHORA TE DAMOS UN MANUAL PARA QUE TENGAS MAS CONOCIMIENTOS DEL TEMA http://www.4shared.com/document/SkGFFKR5/como_ formatear_una_pc-_2.html

El contenido de esta pgina requiere una versin ms reciente de Adobe Flash Player.

swfobject.registerObject("FlashID");

Fuente: elaboracin propia en el Dreamweaver cs5

Figura 7: pagina de tutoriales [pic] Fuente: elaboracin propia en el Dreamweaver cs5

Cdigo HTML de la pgina de tutoriales

tutoriales optimizando tu mundo body { background-color: #FFF; }

Contenido de los tutoriales:

Word 2007 1. Da formato a documentos 2. Configura tus documentos 3. Trabaja con tablas 4. Dibujos e imgenes 5. Novedades 6. Opciones avanzadas Excel 2007 1. Crea rpidamente tus hojas de clculo 2. Estructura de las hojas de clculo 3. Impresin 4. Frmulas y funciones 5. Grficos 6. Novedades 7. Opciones avanzadas Power Point 2007 1. Crea una presentacin al instante 2. Uso de plantillas 3. Crea imgenes y diapositivas 4. Novedades 5. Opciones avanzadas Access 2007 1. Crea y gestiona tus bases de datos 2. Tablas 3. Consultas y novedades

Microsoft Officce 2007 Microsoft Office (MSO) es una suite ofimtica desarrollada por la empresa Microsoft. Funciona bajo plataformas operativas Microsoft Windows y Apple Mac OS, aunque tambin lo hace en Linux si se utiliza un emulador como Wine o CrossOver Office. Las versiones ms recientes de Office son llamadas Office system ('Sistema de oficina') en vez de Office suite ('Suite de Office') lo que refleja la inclusin de servidores. Office hizo su primera aparicin en 1989 en un Mac, y ms adelante en Windows en 1990. El trmino fue inicialmente usado de marketing para vender un set de aplicaciones, que previamente se vendan separadamente. El principal argumento de venta era que comprar el paquete completo resultaba ms barato que comprar cada aplicacin por separado. La primera versin de Office contena las aplicaciones Microsoft Word, Microsoft Excel y Microsoft PowerPoint. Adicionalmente, una llamada "versin profesional" de Office inclua tambin Microsoft Access y Schedule Plus.

Con el trasncurso de los aos las aplicaciones de Office han crecido substancialmente desde un punto de vista tcnico, incluso comparten funcionalidades, tales como: corrector ortogrfico comn, un integrador de datos OLE y el lenguaje de scripts de Visual Basic para Aplicaciones. Microsoft tambin posiciona a Office como una plataforma de desarrollo para la lnea de software para negocios. Las version Office 2007 para Windows, lanzada el 30 de enero de 2007 cuenta con nueva interfaz de usuario y un nuevo formato de archivo primario basado en XML que caracterizan este producto. para descargar los tutoriales completos de los principales programas de office vayan a la los siguiente links. Libre De Virus

http://www.4shared.com/document/FeRVzvei/office_2007_basico.html http://www.4shared.com/document/tO_NyAYx/basico-powerpoint2007.html http://www.4shared.com/document/hxA-Gb4j/word_basico_2007.html

http://www.4shared.com/document/Y9fT2VtV/avanzado-word2007.html http://www.4shared.com/document/HlzxZqU-/excel_basico2007.html http://www.4shared.com/document/sFAcnbjf/manual_excelavanzado.html http://www.4shared.com/document/Ijy2Dag5/basico-access2007.html http://www.4shared.com/document/zBZgdiQY/access_intermedio_2007.html

Windows 7

Es la ms reciente versin de Microsoft Windows, un sistema operativo producido por Microsoft Corporation para uso en PC , incluyendo equipos de escritorio en hogares y oficinas, equipos porttiles, "tablet PC", "netbooks" y equipos media center. El desarrollo de Windows 7 se complet el 22 de julio de 2009, siendo entonces confirmada su fecha de venta oficial para el 22 de octubre de 2009. A

diferencia de su antecesor, Windows 7 es una actualizacin incremental del ncleo NT 6.0, lo que tiene como fin el mantener cierto grado de compatibilidad con aplicaciones y hardware en los que Windows Vista ya era compatible. Las metas de desarrollo para Windows 7 fueron el mejorar su interfaz para hacerla ms amigable al usuario e incluir nuevas caractersticas que permitieran hacer tareas de una manera ms fcil y rpida, al mismo tiempo en que se realizaran esfuerzos para lograr un sistema ms ligero, estable y rpido.

http://www.4shared.com/document/k78gKa66/win_7.html

Windows Xp

Se puede agregar inmediatamente de haber lanzado el ltimo Service Pack (SP2) Microsoft diseo un sistema orientado a Empresas y Corporaciones llamado Microsoft Windows XP Corporate Edition, algo similar al Windows XP Profesional, solo que diseado especialmente a Empresas. En el apartado multimedia, XP da un avance con la versin Media Center(2002-2005). Esta versin ofrece una interfaz de acceso fcil a todo lo relacionado con multimedia (TV, fotos, reproductor DVD, Internet...)

http://www.4shared.com/document/ovvOhjId/manual_windows_xp.html

Fuente: elaboracin propia en Dreamweaver cs5

Figura 8: pgina de innovacin tecnolgica [pic] Fuente: elaboracin propia en Dreamweaver cs5 Cdigo HTML de la pgina de innovacin tecnologica

innovacin tecnologica

REDES SOCIALES

Es muy comn que como usuarios de Internet estemos dados de alta en una red social. Seguramente en ms de una, dos o incluso tres, por no decir ms. Hay redes sociales para todos los gustos, pero no todas tienen el nivel de usuarios con las que cuentan Facebook o Twitter. En redes sociales la reina de todas es Facebook con ms de 400 millones de usuarios y ltimamente est comenzando a recibir las crticas de mucha gente por sus problemas de seguridad, el ltimo de ellos el fallo de seguridad en el chat que permita a usuarios acceder a informacin del perfil del usuario. A los usuarios nos debe preocupar la privacidad de nuestros datos en las redes sociales y Facebook ltimamente esta fallando mucho, cuando la gente se termine de cansar, buscar alternativas que le ofrezcan cosas similares, pero sobre todo seguridad para sus datos.

Diaspora puede ser un buen destino, ya que se trata de una red social descentralizada donde nuestros datos los manejamos nosotros mismos, una red social peer to peer. Cuando nos hacemos amigos de algn contacto en Diaspora nos conectamos directamente con esa persona, nadie ms que nosotros tendr control sobre los datos que queramos introducir en esta red social. Datos que adems estn ms seguros encriptados en GPG. Y si un da decidimos darnos de baja, la preocupacin de si dejamos algn dato perdido por el camino desaparece, al ser una red descentralizada. T eliges qu datos das, los gestionas y cuando te vas, dejan de estar accesibles.

El proyecto est en marcha, realizado por cuatro estudiantes de la Universidad de Nueva York y est buscando financiacin en estos momentos en Kickstarter y parece que no les va nada mal. Su objetivo era lograr 10.000 dlares antes de junio y despus de salir en medios como New York Times sus fondos ya van por ms de 60.000 dlares. Por el momento contar con un servicio muy simple que irn ampliado con el paso del tiempo, intentando cubrir todas las necesidades de los usuarios, pero llevan buen camino y promete. Quiz para muchos usuarios de Facebook no sean interesantes sus aplicaciones en Flash, pero a m si me lo parecen y prefiero una red social segura, donde sepa como se gestionan mis datos, que llevarme sorpresas.

iPad 2

Debido al auge que ha tenido la produccin de tabletas por parte de las distintas compaias electrnicas, Apple decidi acelerar el lanzamiendo de la segunda versin de iPad, con las consecuentes mejoras que las otras indudablemente ya han incluido para competir con el ya existente lder en ventas. Varias empresas de componentes ya han confirmado que la fabricacin de las piezas comenzar "de forma inminente". El iPad se perfila como uno de los "superventas" de la prxima campaa navidea, pero teniendo en cuenta las previsiones para la aparicin de su sucesor, algunos podran querer pensrselo un poco ms. Segn informan varios medios, entre los que se encuentra la confirmacin de los fabricantes de componentes a Digitimes, Apple ya ultima los detalles del iPad 2, que presentar en abril de 2011. Las ventas de la tableta de Apple alcanzaron los 7.460 millones de unidades hasta el pasado mes de septiembre, y la compaa cuenta con disparar la media durante el mes que viene ponindolo a disposicin de sus clientes estadounidenses en grandes superficies como Best Buy o Wal-Mart. Por este motivo, pocos detalles han trascendido todava de este segundo captulo de la incursin de Apple en el mercado tablet. Sin embargo, los ms notorios ya circulan por internet. En primer lugar, FaceTime llegara al dispositivo con una cmara de 5 megapxeles. Los proveedores de pantallas tctiles Cando, Chimei Innolux, TPK y Wintex han confirmado la produccin inminente de pantallas de 9,7 pulgadas, que equiparan esta nueva versin. El iPad 2 llegar tambin en un formato ms delgado y ligero, para lo cual, y segn informa El Pas, Apple est intentando registrar una patente que aligere la carcasa mediante una combinacin de fibra de carbono y plstico, reduciendo as su peso, actualmente de 700 gramos. Todo apunta a que la compaa optar por un procesador dual-core ARM Cortex A-9, y algunos rumores sealan tambin la inclusin de un puerto USB.

Las fechas siguen siendo muy vagas y variables segn la fuente, pero lo que parece ms que probable es que Apple sorprenda con un nuevo evento iPad durante el prximo trimestre, un ao despus del lanzamiento de su producto estrella de 2010.

Sony Ericsson PSP Portable

Es difcil de creer que lo que estamos viendo es real - nos aseguramos que la imagen de arriba es de hecho la consola PlayStation de telfono que ha sido durante mucho tiempo esperando. Pero como se inform en agosto , el dispositivo que se ve es encabezada en el mercado en breve, probablemente Con Android 3.0 (tambin conocido como pan de jengibre ), junto con una costumbre Mercado de Sony que le permitir comprar y

descargar juegos diseados para la nueva plataforma. El dispositivo se quebr hasta arriba (y en nuestra galera de abajo) es un deportivo de 1GHz Qualcomm MSM8655 (un chip similar al encontrado en el G2 , pero ms rpido de 200 MHz), 512 MB de RAM, 1 GB de ROM, y la pantalla est en el rango de 3.7 a 4.1 pulgadas. Mirando casi idntica a la maqueta que le golpe con el verano, el telfono s tiene un touchpad de largo en el centro que al parecer es multitouch, y se puede ver en las fotos que an teniendo los que estn familiarizados hombro botones de PlayStation. Para los amantes de Sony, te interesar saber que no hay ranura para Memory Stick aqu, pero no es el soporte para tarjetas microSD.

WINDOWS SLATES "Ya vers pizarras nuevo con Windows en ellos. Las vers en esta Navidad", dijo a una audiencia de estudiantes, el personal y los periodistas en la London School of Economics. "Ciertamente, hemos hecho un trabajo en torno a la pastilla como tanto un dispositivo de la productividad y un dispositivo de consumo", dijo. La firma de investigacin Gartner espera que 10 millones Tablet PC a la venta este ao, los consumidores comienzan adoptando tales dispositivos, que incluyen la racha de Dell y Bloc de Asustek Eee. El IPAD Apple vende slo 3,3 millones en su primer trimestre. En Consumidor feria de este ao Electrnica en enero, Ballmer dio a conocer un equipo Tablet PC de Hewlett-Packard con Windows, superando a mover muy esperado de Apple en el mercado.

Microsoft tampoco ha logrado avanzar mucho en el mercado de telfonos inteligentes, donde los rivales como Apple y HTC estn creciendo rpidamente, mientras que Research in Motion capturado el mercado corporativo con su BlackBerry. el software de Microsoft Windows telfono haba un 8,7 por ciento del mercado de smartphones el ao pasado y que se espera que disminuya al 3,9 por ciento en 2014,

segn Gartner. Microsoft tambin abandon un telfono bsico dirigido a los adolescentes en julio despus de slo tres meses. "El trabajo ahora es que tenemos que volver seriamente en el juego de los telfonos", dijo Ballmer. Ballmer no recibi su bono mximo para el ao fiscal anterior a pesar de anotar las ventas ms altas de la historia de la empresa, principalmente a causa de errores en los telfonos y las tabletas. Microsoft tiene previsto lanzar su nuevo telfono de Windows 7 software a finales de este mes, despus de anunciar que un ao ms tarde de lo previsto en el Mobile Congreso Mundial de este ao en febrero. "Tenemos que tener una remontada frente a la competencia y creo que con los nuevos telfonos de Windows que realmente tenemos un producto hermoso", dijo Ballmer el martes.

Fuente: elaboracin propia en Dreamweaver cs5

Figura 9: pgina biblioteca [pic] Fuente: elaboracin propia en Dreamweaver cs5 Cdigo HTML de la pgina de biblioteca

optimizando tu mundo biblioteca

Que son los drivers o controladores

Como y cuando cambiar los DRIVERS. Es importante determinar que drivers necesita nuestro PC pues una instalacin inadecuada de ellos puede dejar inoperable un dispositivo. He aqu una gua: 1. Necesitamos instalar drivers cuando cambiamos de hardware. O sea cuando por ejemplo cambiamos la placa principal o motherboard, la impresora, la placa de video, etc. En estos casos el vendedor debe entregar los drivers. 2. Cuando, bien informado te enteras que el fabricante ha creado nuevos drivers compatibles con tu modelo de dispositivo y con tu sistema operativo, para mejorar el rendimiento. Entonces el driver se baja del sitio Web del fabricante. Esto se llama actualizacin o mejora del controlador. Donde y como conseguir los DRIVERS. Inicialmente, los drivers se obtienen de las casas fabricantes de hardware. Para bajarlos hay que conocer la MARCA y MODELO del dispositivo (o placa) para el que se busca el driver. Cuando a travs del 'Administrador de dispositivos' de Windows no es posible copiar estos datos la siguiente opcin es abrir la mquina para ver la identificacin del dispositivo. Tambin se puede utilizar un programa de testeo del hardware (como Siw) para que este nos informe de las marcas y modelos de los dispositivos del PC. Para obviar la descarga de los sitios web de los fabricantes se puede utilizar un programa (herramienta de software) que haga el backup de los drivers (como DriverMagician) antes de formatear el disco duro (cuando el equipo todava funciona) Conclusiones. Los CONTROLADORES no se deben 'actualizar' por que s. Igual que como sucede con el software de aplicacin, no toda versin actualizada de un driver funcionara con el dispositivo en cuestin. Hay que tener en cuenta que el cdigo de un

Driver se crea en concordancia con la electrnica de los circuitos y una mala correspondencia puede 'enloquecer' al PC. manten tu pc al dia decargando el driver que necesites tan solo dando un click en la siguiente direccin: http://www.solodrivers.com/

Mantenimiento preventivo PC

Cuando se habla de las medidas de conservacin de los PC es menester hacer diferencia entre el mantenimiento del hardware y el mantenimiento del software. El mantenimiento preventivo del hardware (parte fisica de los PC) es como sigue: 1. Desconexin de los cables externos. El cable de entrada de energa elctrica debe ser desconectado de la fuente del PC. Todos los aparatos que se conectan al equipo deben estar apagados. Los cables que llegan de los perifricos al PC tambin deben desconectarse. 2. Limpieza del interior del PC. Para retirar el polvo te recomendamos utilizar un aparato soplador que sea capaz de lanzar un chorro de aire. Si utilizas una aspiradora tienes que utilizar una brocha o pincel para remover grumos (combinacin de polvo y grasa o polvo y humedad) mientras aspiras el interior del PC. Con el soplador inyecta aire a todas las areas internas. La fuente de energa retiene la mayor cantidad de polvo por lo que hay que soplar por sus rejillas y por la cavidad del extractor del aire. Otro punto crtico es la CPU cuyo disipador de calor recoge bastante polvo y debe permanecer perfectamente limpio.

3. Revisar los conectores internos del PC (puntos en donde se enchufan cables), para asegurarse que no estn flojos. Igual procedimiento es aplicable a las placas y mdulos de memoria RAM (los malos contactos pueden producir BLOQUEOS, RESETEO del PC, etc.). 4. Limpieza del teclado. Voltalo boca abajo e inyecta aire entre sus teclas para retirar el polvo y cuerpos extraos. No es necesario retirar las tapas de las teclas del PC para lavarlas ya que su reposicin puede generar bastantes fallas mecnicas. 7. Limpieza de la superficie exterior del PC y perifricos. Se recomienda utilizar una tela humedecida en jabn lquido (ya que los equipos de computo usualmente se ensucian por el polvo ambiental y el contacto con las manos de los operadores). No se recomiendan los disolventes o alcohol para limpiar cubiertas, carcasas o gabinetes de PC y perifricos por su accin abrasiva y disolvente. 8. Que hacer cuando el PC falla despus de efectuar un mantenimiento preventivo del hardware?. Recomendamos estos pasos: a) Mantener la calma, b) Revisar: ajustes de conectores -los que se desconectaron, principalmente-, placas, modulos de memoria Ram, que alguna tecla no haya quedado presionada, que ningun cable este deteniendo el giro del enfriador de la CPU, que no haya quedado un cuerpo metalico sobre la motherboard -como un tornillo o gancho-, que no haya un pin torcido en uno de los conectores de monitor, teclado o mouse o en los puertos en los que estos se conectan al PC. desacarga un tutrorial en la sguiente direccin http://www.4shared.com/document/M2_k_JMX/conceptos-basicos-pc.html Mantenimiento del Software Considerando la devastadora accin de los cdigos malignos (virus, programas espa, publicitarios, pornogrficos, etc.) es necesario revisar peridicamente el disco duro con herramientas anti virus y anti spyware. Se trata de software especializado como Avira (antivirus) o Spybots (antitroyanos) o CClean (limpiador de cookies y registro de Windows). Muchos de ellos se obtienen en forma gratuita por Internet y constituyen una defensa imprescindible en los PC modernos. Cuando un equipo esta trabajando "muy lento" se puede hacer una limpieza del software del mismo como medida preventiva, pero si la condicion de trabajo contina igual, el formateo del disco duro es la "medida de limpieza" de fondo aprende de forma facil con esta guia practica http://www.4shared.com/file/jsJBJVQQ/Software_Virus_informaticos.html

Fuente: elaboracin propia en Dreamweaver cs5

Figura 10: pgina de comentarios [pic] Fuente: elaboracin propia en Dreamweaver cs5 Cdigo HTML de la pgina de comentarios

OPTIMIZANDO TU MUNDO - Contacto

#ad-cfcd br { display: none; }

OPTIMIZANDO TU MUNDO

Contacto

Tu direccin de correo electrnico:Tu nombre:Asunto:Tu mensaje:

Enviar mensaje

optimizando tu mundo

_uacct = "UA-2594508-9"; urchinTracker();

Fuente: elaboracin propia Dreamweaver cs5

6. IMPACTOS DEL PROYECTO

6.1 SOCIAL

El Caquet cuenta con muy pocos sitios web y ninguno que se ocupe de ensear sobre mantenimiento preventivo de computadores gratis y de forma abierta con guas prcticas, atencin en lnea y soporte tcnico a domicilio. Al finalizar nuestra propuesta, aproximadamente ms de 5.000 personas, tendrn un amplio conocimiento acerca del uso adecuado del PC en el departamento de Caquet y en especial Florencia su capital, as como un gran nmero de habitantes, tendrn la posibilidad de acceder fcil y econmicamente a los servicios tcnicos que prestar nuestra empresa, la cual evolucionar gracias al portal web instaurado en Internet, para mejorar los procesos acadmicos, tecnolgicos y de aprendizaje colectivo, metas de nuestro equipo de trabajo. Por esta razn nuestra pgina ser actualizada a ms tardar cada fin de semana y as en ese transcurso revisar todos los tipos de mensajes, sugerencias, reclamos y dems aranceles que se puedan presentar.

6.2 AMBIENTAL

Tcnicamente en la zona de influencia del desarrollo de la propuesta, se estar beneficiando el ecosistema en la medida como a travs de nuestra pgina se abrir un pequeo espacio para indicarles a los visitantes, como deben hacer para reciclar cualquier material del PC cuando este deje de funcionar. Tambin, en la medida como se presta el servicio tcnico, se beneficia nuestro medio natural, ya que as se dejar de desechar todo aquello que creemos inservible y que presenta un riesgo biolgico por su contenido de elementos que los constituyen.

6.3 ECONMICO Luego de ser implementada la propuesta, dentro del campo cibernauta del departamento de Caquet y en especial de Florencia, se obtendrn los siguientes beneficios econmicos: a) Con el Proceso de globalizacin se pretende que pequeos comerciantes obtengan ganancias en sus negocios donde se ofrece servicio de Internet, ya que nuestra pgina abrir las puertas a todos aquellos ciudadanos que deseen hacer parte de este magnfico programa social.

b) La empresa constituida por el personal investigador de la presente propuesta, se beneficiar en la manera como se oferten los servicios de soporte tcnico, los cuales generaran ingresos importantes para sus actualizaciones y creacin de nuevos programas y estrategias de aprendizaje virtual. c) Con la puesta en marcha de la propuesta, se fortaleceran los programas en lnea para la utilizacin adecuada y didctica de un PC, as como los Link de apoyo en la pgina, creados para la recepcin de sugerencias, tendientes al mejoramiento del servicio y de la metodologa de aprendizaje. En este sentido habrn ms personas que se interesen en el tema y se abran las puertas de la competencia.

d) Gracias a que la implementacin de nuestra pgina web se hace con el fin de ensear de una forma generalizada, didctica y gratuita, ser de un fcil acceso a la informacin en cualquier rincn de nuestro departamento en el que solo el usuario tendra que costearse un acceso a internet que hoy en da es muy econmico, teniendo en cuenta otros sectores del pas.

e) Los costos de actualizacin de la pgina se pagar con auspicios publicitarios y servicios tcnicos domiciliarios los cuales tendrn un precio justo, beneficiando a la comunidad en general en diferentes niveles.

7. PROYECCIN AL MERCADO

Teniendo en cuenta que la oferta y la demanda en toda empresa, constituye el motor para establecer ingresos, se hace necesario para la creacin de nuestro portal y posterior empresa el conocimiento del mercado como tal, donde se aprender a generar competitividad ante otras propuestas, ya que con la circulacin libre de comercio con los pases potencia, se estara corriendo el riesgo de que muchas personas de otros lugares y apoyados por organismos no gubernamentales, pretendan abrir los mismos espacios a la poblacin aprendiente en el proceso de conocimiento de las nuevas tecnologas. Afirmamos entonces, que la economa de nuestra empresa estar basada en el campo virtual, donde los visitantes que hacen uso de las redes sociales tengan un conocimiento ms amplio de la importancia y los impactos que genera la creacin de la pgina web, de la misma forma se establecern canales de publicidad en las mismas redes, a fin de darnos a conocer en todos los rincones de Colombia y poder brindar la posibilidad a muchas personas de mejorar el aprendizaje y la relacin existente entre usuario y PC.

7.1 USUARIO

En informtica, un usuario es un individuo que utiliza una computadora o cualquier sistema informtico. Por lo general es una nica persona. Nuestra pgina web ser dirigida a un tipo de usuario annimo. En informtica es aquel que navega en sitios web (o usa cualquier servicio de la red) sin autenticarse como usuario registrado, esto con el fin de no incomodar a los usuarios con registros en los cuales tienen que dar sus datos personales y clausulas de permanencia o cobro de dinero por la informacin. Para conocer las necesidades de los usuarios fue necesario basarnos en la entrevista realizada como lo indica los anexos pg.66. Tabla: 11 Usuarios / clientes |CLIENTES PROYECTADOS | |Estudiantes / jvenes |Nivel acadmico secundaria |60% |

|Adultos |Usuarios de internet |20% | |Adultos trabajadores |Con necesidades de aprender |20% |

Fuente: elaboracin propia Tabla: 12 Servicios || |GAMA DE SERVICIOS | |Cambio de Windows computadora de mesa |$30.000 | |Cambio de Windows computadora porttil |$35.000 | |Mantenimiento preventivo en lnea |$0 | |Mantenimiento preventivo a domicilio |$30.000 | |Mantenimiento correctivo |$20.000 | |Instalacin de programas |$50.000 | |Recuperacin de datos (por giga recuperada) |$30.000 | |Publicidad mensual |$150000 | |Diagnostico de problemas a domicilio |$20.000 | || |TUTORIALES PC | |Windows bsico |$0 | |Office bsico |$0 | |Office avanzado |$0 | |Sobre programas ms utilizados |$0 | |Mantenimiento preventivo |$0 | |Instalacin de software |$0 |

Fuente: elaboracin propia 7.2 PRODUCTO

El producto es una de las herramientas ms importantes de la mezcla de mercadotecnia porque representa el ofrecimiento de toda empresa u organizacin (ya sea lucrativa o no lucrativa) a su pblico objetivo, con la finalidad de satisfacer sus necesidades y deseos, y de esa manera, lograr tambin los objetivos de la empresa u organizacin (utilidades o beneficios).

Para desarrollar esta propuesta y tener en cuenta su contenido vemos cuales son las inquietudes ms comunes en nuestra comunidad basados en una encueta que demuestra necesidades reales y as abarcarlas en nuestro sitio web para que sea un producto que

tenga capacidad de satisfacer una necesidad o un deseo, y que para ello, pueda atraer la atencin del pblico objetivo para ser adquirido, usado o consumido. Un producto, puede ser un bien tangible, un servicio, una idea, una persona, un evento, una experiencia, un lugar, una organizacin, una informacin o una propiedad. Figura 11: Pgina principal del portal gratis [pic] Fuente: elaboracin propia en www.optimizandotumundo.es.tl 7.3 PROMOCIN El trmino promocin en un sentido genrico, es equivalente a cualquier tipo de comunicacin que se realice para apoyar a un producto o servicio. En un sentido estricto, la promocin de ventas es un conjunto de actividades de corta duracin dirigidas a los consumidores, intermediarios, prescriptores o vendedores que, mediante incentivos econmicos o la realizacin de actividades especficas, tratan de aumentar las ventas a corto plazo o incrementar la eficacia de los vendedores. La promocin de ventas es una actividad intermedia entre la publicidad y la venta personal.[12] Figura12: Tarjeta de presentacin de servicios (parte delantera) [pic] Fuente: elaboracin propia utilizando el programa Fireworks 8 de Macromedia Figura 13: Tarjeta de presentacin (parte trasera) [pic] Fuente: elaboracin propia utilizando el programa Fireworks 8 de Macromedia

7.4PRECIO

El precio es una variable fundamental en la estrategia de marketing de las organizaciones, aunque tambin ha sido objeto de estudio en el mbito de la economa, tanto desde una perspectiva macro, como desde una perspectiva micro. Se trata de una variable que podemos utilizar en el corto plazo, por tanto lo podemos catalogar como una variable de tipo tctico. Podemos definir al precio como: "Cantidad de dinero que los compradores estn dispuestos a pagar por un bien o servicio y que el oferente considera adecuada para el mismo". La definicin anterior de precio se podra encuadrar dentro de una visin monetaria del mismo, aunque podemos dotar a la definicin del precio con otras perspectivas como: La econmica: Utilidad de un bien para satisfacer unas necesidades. La de intercambio: Valor de un producto o servicio en funcin de su capacidad para el

intercambio. La productiva: Reflejo de los costes de obtencin o produccin de un bien o servicio. Existen muchas otras formas de interpretar el precio, hay autores que lo definen relacionndolo con el valor de los bienes, otros autores lo relacionan con los costes de los bienes y/o servicios. [13] Las consultas y las descargas de material en nuestra pgina sern gratis y las preguntas que nos hagan en lnea tambin sern sin ningn costo o suscripcin. Lo que s tendr costo, es la publicidad en nuestra pgina y soporte tcnico a domicilio: mantenimiento preventivo y correctivo de PC como lo indica la tabla 12 en la pgina 85.

8. CONCLUCIONES

Al identificar los distintos sitios Web, se estableci que en departamento de Caquet no se evidencia trabajo alguno relacionado con la practica investigada, queriendo aportar en el desarrollo para que la mayora de personas, especialmente las de Florencia, tenga acceso a ella y favorezca en gran medida el aprendizaje que se relaciona con el manejo de las nuevas tecnologas y su mantenimiento preventivo. Con este trabajo se busc ayudar a las formas de enseanza en lo que a metodologa se refiere y busca ayudar a los alumnos, padres de familia y comunidad en general, para que se pongan al da en materia de Tecnologa e Informtica, a la vez se encarguen de esparcir este conocimiento o la ubicacin de este sitio web. La estrategia metodolgica prctica, utilizada en esta propuesta, sirvi para que muchas personas salieran de la monotona de enseanzas tradicionalistas en lo que se relaciona

con el aprendizaje de las TICS y pasaran a disfrutar de una aplicacin ms que resuelva sus problemas e inquietudes, cuyos objetivos se encuentran en buscar el mejoramiento de la calidad de vida en lo que a la innovacin tecnolgica se refiere. La propuesta nos abri un espacio empresarial, ya que se pretende formalizar en nuestro departamento de Caquet, una asociacin lucrativa que beneficiara de manera directa a varias personas a travs de la implementacin de soporte tcnico a domicilio.

BIBLIOGRAFIA

www.educacininicial.com www.monografas.com www.portaleducativo.com www.es.wikipedia.org/.../Tecnologas_de_la_informacin_y_la_comunica... www.slideshare.net/franciscochavarria/que es una web www.bibliociencias.cu/gsdl/collect/tesis/index/assoc/...dir/doc www.terra.es/tecnologia/articulo/html/tec9039.htm www.es.wikipedia.org/wiki/Editor_de_pginas_web www.programacion.com/articulo/cinco_editores_html_wysiwyg www.monografias.com www.uv.es/cim/pyp-dem/descarga/tema001a002 www.colombiaaprende.edu.co/html/home/1592/article-102549.html www.slideshare.net/.../plan-de-gestin-uso-de-las-tic-normal-florencia www.wikiteka.com/apuntes/tipo-de-usuarios html.rincondelvago.com/promocion-de-ventas.html www.promonegocios.net/producto/concepto-producto.html

Educacin y Nuevas Tecnologas. Enciclopedia General de Educacin. Tomo 2. Editorial Ocano, Espaa. Pg. 794-839. Instituto Colombiano de normas Tcnicas. NTC 1486 (sexta actualizacin).

GLOSARIO

BANNER: elemento grfico con forma rectangular, normalmente animado, cuyo contenido es publicidad. BROWSER: es un navegador web (del ingls, web browser) es un programa DOMINIO: direccin web asociada a una pgina web. DOWNLOAD: descargar (download en ingls) es copiar datos (generalmente un archivo entero) de una fuente principal a un dispositivo perifrico. El trmino se utiliza a menudo para describir el proceso de copiar un archivo de un servicio en lnea a tu propio computador. EDITOR: programa utilizado para crear pginas web sin la necesidad de tener que aprender el lenguaje. Ejemplos: M. FrontPage 2000 y Macromedia Dreamweaver. E-MAIL: correo electrnico. FRAMES (marcos): reas rectangulares que subdividen las ventanas de algunas pginas Web, cada una de las cuales contiene un documento de hipertexto independiente de los dems. FTP: protocolo de transferencia de archivos. HARDWARE: todos los elementos electrnicos y elctricos que componen un computador. HTTP: Hypertext Transfer Protocol. En eespaol protocolo de transferencia de hipertexto protocolo usado en cada transaccin de la World Wide Web. HTML: siglas de Hypertext Markup Languaje (lenguaje de marcado de hipertexto), es el lenguaje de marcado predominante para la elaboracin de pginas web. Es usado para describir la estructura y el contenido en forma de texto, as como para complementar el texto con objetos tales como imgenes. HTML se escribe en forma de etiquetas, rodeadas por corchetes angulares (). HTML tambin puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo Java Script), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML. HIPERTEXTO: hipertexto en informtica, es el nombre que recibe el texto que en la pantalla de un dispositivo electrnico conduce a otro texto relacionado.

IMAGEN: archivo grfico que se puede insertar en una pgina Web y mostrar en un explorador de Web. Existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y PNG, entre otros. INTERFAZ: manera con la que el usuario se comunica con un dispositivo informtico. INTERNET: soporte de comunicacin entre computadoras. MODEM: dispositivo que permite la conexin entre computadoras mediante va MULTIMEDIA: sistema que combina datos, audio y video. NAVEGACION: en internet. La accin de pasar de un sitio web a otro. que permite ver la informacin que contiene una pgina web (ya se encuentre sta alojada en un servidor dentro de la World Wide Web o en un servidor local). telefnica traduciendo el lenguaje computacional al telefnico y viceversa. ON LINE: o tiempo real. Procesamiento de datos en el momento en que se desarrolla una accin. PGINA WEB: documento realizado en HTML y que es parte de un sitio Web. Aparte del HTML se pueden utilizar otros lenguajes complementarios como PHP, ASP, Javascript. PASSWORD: palabra clave de acceso a un servicio u opcin. PC: computadora personal. PROCESADOR DE TEXTO: programas de escritura, edicin e impresin de texto, figuras y grficos. RED: interconexin de computadoras mediante cables u hondas. SITIO WEB: Pgina principal y sus otras pginas, grficos, documentos, multimedia y otros archivos asociados que se almacenan en un servidor Web o en el disco duro de un equipo. SOFTWARE: parte lgica de un computador formada por los programas y datos. TABLAS: Elemento fundamental para la maquetacin y distribucin de contenidos de una pgina web. URL: (Uniform Resource Locator), es el sistema de direcciones en internet. WWW: iniciales de de World Wide web. Sistema en internet que ofrece la informacin en forma multimedia. Permite a la vez la unin de documentos mediante hipertextos que enlazan fcilmente materiales que estn en diferentes servidores. WEB: telaraa mundial de comunicacin. WEB SITE: direccin de un servidor web

[pic]

ANEXO 1. FORMATO DE ENCUESTA De ante mano agradezco su colaboracin prestada para el desarrollo de la presente encuesta. OBJETIVO: recopilar, conocer e identificar el comportamiento del consumidor respecto a las tecnologas. EDAD GENERO ESTRATO 10 a 20 aos ____ Masculino ____ 1 ___ 21 a 30 aos ____ 2 ___ 31 a 40 aos ____ Femenino ____ 3 ___ 41 a 60 aos ____ 4 ___

1. Considera usted importante tener un computador o acceso l? SI ___ NO ___

2. Tiene usted conocimientos en para utilizar un computador? SI ___ NO ___

3. Qu hace usted, cuando se le presenta un dao al computador? a) ____ Trata de solucionarlo? b) ____ espera a que lo arreglen? c) ____ Contacta a un experto?

4. Tiene usted acceso a internet (Messenger, correo electrnico, redes sociales)? SI ___ NO ___

5. Tiene usted conocimientos de nuevas tecnologas? SI ___ NO ___ NO sabe lo que es? ____ 6. Qu opina usted respecto a una pgina web que resuelva sus inquietudes respecto al manejo y mantenimiento preventivo de PC? BUENO ___ REGULAR ____ MALO____ EXELENTE____

ANEXO 2. ANLISIS ESTADSTICO 1. Considera usted importante tener un computador o acceso l? Grafico 2: pregunta 1 de la encuesta [pic] Fuente: elaboracin propia ANALISIS: De las 100 personas encuestadas un 80% consideran la importancia de tener un PC en los hogares y el 20% creen que no es indispensable un computador.

2. Tiene usted conocimientos para utilizar un computador? Grafico 3: pregunta 2 de la encuesta [pic] Fuente: elaboracin propia ANALISIS: De las personas encuestadas un 64% dicen que no tiene los conocimientos bsicos del manejo de un PC, pero un 36% de las personas entre ellas jvenes dicen que tiene buen conocimiento del manejo de un computador. 3. Qu hace usted, cuando se le presenta un dao al computador? Grafico 4: pregunta 3 de la encuesta [pic] Fuente: Elaboracin propia ANALISIS: teniendo en cuenta la pregunta de solucionar, esperar y contacta. Un 20% optan por solucionar ellas misma el problema que pueda presentarse con su PC, un 25% de las personas tiene como opcin esperar a que se busque una solucin frente al

problema y un 55% de los encuestados optan por contactar a una persona capacitada para que le arreglen el computador. 4. Tiene usted acceso a internet (Messenger, correo electrnico, redes sociales)? Grafico 5: pregunta 4 de la encuesta [pic] Fuente: elaboracin propia ANALISIS: De las 100 personas encuestas un 90% de ellas si tiene acceso a internet y sus herramientas de tecnologas y un 10% no poseen ningn acceso a los medios tecnolgicos. 5 Tiene usted conocimientos de nuevas tecnologas? Grafico 6: pregunta 5 de la encuesta [pic] Fuente: elaboracin propia ANALISIS: De las 100 personas encuestadas un 73% tiene conocimiento de nuevas tecnologas, un 25% no saben de nuevas tecnologas y un 2% no saben que son nuevas tecnologas.

6Qu opina usted respecto a una pgina web que resuelva sus inquietudes respecto al manejo y mantenimiento preventivo de PC? Grafico 7: pregunta 6 de la encuesta [pic] Fuente: elaboracin propia ANALISIS: De las 100 personas encuestadas un 60% le pareci buena la idea, un 20% dijo excelente, un 10% dijo que le parece regular y un 10%dijo que no le gustaba

[pic] ----------------------[1] Una pgina web es el nombre de un documento o informacin electrnica adaptada para la World Wide Web y que puede ser accedida mediante un navegador para mostrarse en un monitor de computadora o dispositivo mvil. [2] www.programacion.com/articulo/cinco_editores_html_wysiwyg

[3] www.es.wikipedia.org/wiki/Editor_de_pginas_web [4] www.terra.es/tecnologia/articulo/html/tec9039.htm [5] www.slideshare.net/franciscochavarria/que es una web [6] La nocin de tecnologas de la comunicacin y la informacin (TIC) es utilizada en este documento para referirse a las herramientas y procesos para acceder, recuperar, guardar, organizar manipular, producir, intercambiar y presentar informacin por medios electrnicos [7] www.buenastareas.com/ensayos/Clasificacion-De-Las-Tic%27s/2860590.html [8] http://www.monografias.com/trabajos12/recoldat/recoldat.shtml [9] www.bibliociencias.cu/gsdl/collect/tesis/index/assoc/...dir/doc [10] www.colombiaaprende.edu.co/html/home/1592/article-102549.html [11] www.slideshare.net/.../plan-de-gestin-uso-de-las-tic-normal-florencia [12] html.rincondelvago.com/promocion-de-ventas.html [13] www.uv.es/cim/pyp-dem/descarga/tema001a002

-----------------------

COMENTARIOS

BIBLIOTECA

INNOVACION TECNOLOGICA

TUTORIALES

SOPORTE TCNICO

PAG. PRINCIPAL OPTIMIZANDO TU MUNDO

APA

(2012, 10). Tecnico En Sistemas. BuenasTareas.com. Recuperado 10, 2012, de http://www.buenastareas.com/ensayos/Tecnico-En-Sistemas/5594219.html