UNIVERSIDAD LUTERANA SALVADOREÑA FACULTAD DE CIENCIAS DEL HOMBRE Y LA NATURALEZA. MATRIA: INTERNET I CATEDRATIC@: ING. LESBIA MARIA MANCIA SANDOVAL

Transcripción

1 UNIVERSIDAD LUTERANA SALVADOREÑA FACULTAD DE CIENCIAS DEL HOMBRE Y LA NATURALEZA. MATRIA: INTERNET I CATEDRATIC@: ING. LESBIA MARIA MANCIA SANDOVAL TEMA: PAGINA WEB SERVICIOS MIGRATORIOS Y NOTARIALES. INTEGRANTES: PEDRO ANTONIO GARCIA HERNANDEZ ROMEO DEL CID ZUNIGA MERINO ENRIQUE GIOVANNI RAMOS RIVERA JAIME ERNESTO PALACIOS ZEPEDA San salvador 31 de mayo del

2 INDICE INDICE... 2 INTRODUCCION 3 OBJETIVOS.4 JUSTIFICACION.6 DISEÑO TECNOLOGICO....7 VENTAJAS DE LA PAGINA...7 DESVENTAJA DE LA PAGINA...7 BREVE USO DE LA PAGINA WEB....8 RECURSOS A UTILIZAR. 8 TECNOLOGIA UTILIZADA..8 HTML....8 HTML5.. 8 CSS...9 JAVASCRIPT..10 INDEX DE LA PAGINA PRINSIPAL 11 CAPTURA DE PANTALLAS 12 CONCLUCION 14 BIBLIOGRAFIA 15 2

3 INTRODUCCION. Hoy en día la publicidad como carteles, banner, vallas publicitarias, comerciales en los canales de televisión y también radio, ya no es como en otros tiempos porque la tecnología se va desplazando a pasos agigantados tal es el caso de los teléfonos inteligentes que hoy en día no es un lujo sino una necesidad ya que en él, se tiene casi todo lo que una persona necesita hoy en día que es el internet. Hoy en día por lo menos uno de cada tres hogares tiene internet, las empresas utilizan internet ya que es una herramienta de múltiples usos para la universidad, trabajo, transferencias bancarias y demás y en todas hay publicidad buena o mala pero la hay y según estadísticas las personas utilizan más el internet que la radio o la televisión ya que las redes sociales han invadido todas las esferas de la sociedad ya que desde un niñ@ hasta una persona de edad avanzada ya que este es muy fácil de utilizar. Sabiendo esto del internet porque no invertir en lo seguro como es publicidad donde está la mayoría por eso presentamos una propuesta en nuestro proyecto de internet 1. Nuestro proyecto consiste en elaborar, diseñas y desarrollar en un sitio web para un despacho de asesoramiento migratorio. Nuestro proyecto constara de varias páginas enlazadas con solo hacer un clip en opción que escojamos ya sea en las diferentes opciones que nos presenta el despacho o las diferentes preguntas que tienen. Para nuestro cometido necesitamos usar la tecnología informática como son un lenguaje de programación básico HTML JAVASCRIPT CSS. 3

4 OBJETIVOS OBJETIVO GENERAL. Diseñar, una página web que incorpore y permita accesar a la información del despacho jurídico y migratorio. OBJETIVOS ESPESIFICOS. DAR a conocer los servicios del despacho migratorio por internet. ESTABLECER contacto entre clientes y despacho jurídico migratorio. BRIDAR el despacho migratorio en un hostig gratuito. 4

5 ANTECEDENTES. Este es un despacho jurídico fundado en junio del 2005, son diez años desde que se abrieran las puertas al público en un local de la 9 calle poniente frente a la Dirección General de Migración y Extranjería, del Centro de Gobierno de San Salvador. El LICENCIADO EDGARD ALFARO se gradúa de la UNIVERSIDAD NACIONAL DE EL SALVADOR este antes de abrir su despacho que era su meta estuvo laborando en diferentes despachos pero todos en los que estuvo solo se especializaban en una solo proceso es por eso que al ingresar su despacho al mercado tan competitivo de las asesorías legales en poco tiempo logra sobresalir por su capacidad de cualquier problema o consulta que necesiten sus clientes. Laboro también en la DIRECION GENERAL DE MIGRACION Y EXTRANGERIA en la que se especializó en procesos migratorios y los requisitos tanto básicos como complicados que exigen tanto nacional como internacional. El nombre del Despacho jurídico y migratorio ALFARO este es el apellido del dueño con el que garantiza que su despacho es legal y confiable para cualquier trámite legal. 5

6 JUSTIFICACION En un entorno competitivo cada vez mayor, los despachos de abogados tienen que analizar las múltiples opciones y fórmulas para conectar de manera más eficiente con sus clientes. En este sentido, potenciar la imagen que se tiene de los despachos jurídicos y migratorios es imprescindible para conseguir mayor visibilidad y autoridad y las nuevas tecnologías y, concretamente, las herramientas sociales, han creado un nuevo escenario de competencia para los diferentes bufetes. La nueva realidad no pasa de largo en el panorama legal salvadoreño y pocos pueden discutir la necesidad de existir en internet. Tener página web, logo y generar una comunicación directa con los clientes a través de los medios sociales permite que se conozca nuestro proyecto en el entorno digital pero aun así, en muchos casos todavía surgen dudas y cuesta justificarlo. El despacho jurídico y migratorio se establece con el propósito de prestar servicios profesionales a las diferentes instituciones tanto públicas, privadas y personas naturales, que deseen los servicio tanto jurídicos o migratorios esto con la finalidad de llevar a cabo un buen servicio a los clientes para que de esta manera se les brinde un servicio confiable y eficaz. A su vez lograr obtener mejores respuestas a sus preguntas y un mayor prestigio para la sociedad de abogados. Como despacho jurídico y migratorio, se presta un servicio profesional independiente, nuestra misión es estar en constante perfeccionamiento de nuestra función social conociendo nuestro pasado para mejorarlo en pro de una información co nfiable y fidedigna que sea prenda de garantía. Y así lograr la excelencia en el servicio profesional, a través del desarrollo integral de cada miembro de nuestra sociedad. 6

7 DISEÑO TECNOLOGICO. La web es un sistema hipermedia accesible a través de internet, que permite navegar con facilidad por gran cantidad de información, la cual se convierte en un recurso de gran utilidad para la comercialización son: la capacidad de hipertexto, capacidad multimedia, capacidad de sistemas distribuidos de capacidad interactiva y abierta en internet. Así también se ha incorporado enlaces o vínculos entre páginas, el correo electrónico del despacho y correo personal. VENTAJAS DE LA PÁGINA. 1) De las ventajas es que el cliente no tendrá que ir hasta el despacho jurídico y migratorio para saber de los servicios que proporciona. 2) Los precios también están en la página de los diferentes servicios del despacho jurídico. 3) Esta incluido también los números de teléfono y correo electrónico del despacho jurídico y migratorio. DESVENTAJAS DE LA PÁGINA. Una de las desventajas de la página es que no todas las preguntas que tenga el cliente se las podrá proporcionar en ella, sino que tendrá que concertar cita con el despacho por eso incluimos los diferentes métodos por los cuales se podrá resolver las preguntas que tengan. BREVE DE LA PAGINA WEB La página principal constara con varios enlaces, estos estarán al hacer un clip en los diferentes palabras claves como por ejemplo al colocar el puntero en visas se le abrirá una ventana con las diferentes tipos de visas y así el cliente escogerá la información de visa a la cual está optando. 7

8 Así también el cliente podrá conocer más del despacho sus orígenes, misión, visión, correo electrónico, número de teléfono, ubicación por medio de su dirección. RECURSOS A UTILIZAR. Una computadora con un sistema operativo DEBIAN, instalado el servidor apache2, PHP, postgressql, editor de texto GDIT, y un navegador de internet MOZILLA FIREFOX. TECNOLOGÍAS UTILIZDAS EN EL DESARROLLO DEL PROYECTO HTML Siglas de HyperText Markup Lenguaje (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes. HTML se escribe en forma de "etiquetas", rodeadas por corchetes angulares. El lenguaje HTML es un estándar reconocido en todo el mundo y cuyas normas define un organismo sin ánimo de lucro llamado World Wide Web Consortium, más conocido como W3C. Como se trata de un estándar reconocido por todas las empresas relacionadas con el mundo de Internet, una misma página HTML se visualiza de forma muy similar en cualquier navegador de cualquier sistema operativo. El propio W3C define el lenguaje HTML como "un lenguaje reconocido universalmente y que permite publicar información de forma global". Por convención, los archivos de formato HTML usan la extensión.htm o.html. HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. HTML5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML (text/html), la variante conocida como HTML5y una variante XHTML conocida como sintaxis XHTML5que deberá ser servida como XML. Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo. 8

9 CSS Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). El W3C es el encargado de formular la especificación de las hojas de estilo que servirá de estándar para los agentes de usuario o navegadores. La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación. La información de estilo puede ser adjuntada tanto como un documento separado o en el mismo documento HTML. En este último podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "style". Las ventajas de utilizar CSS (u otro lenguaje de estilo) son: - Control centralizado de la presentación de un sitio web completo, con lo que se agiliza de forma considerable la actualización del mismo. - Los navegadores permiten a los usuarios especificar su propia hoja de estilo local que será aplicada a un sitio web remoto, con lo que aumenta considerablemente la accesibilidad. - Una página puede disponer de diferentes hojas de estilo según el dispositivo que la muestre. - El documento HTML en sí mismo es más claro de entender y se consigue reducir considerablemente su tamaño. JAVASCRIPT JavaScript es un lenguaje interpretado utilizado principalmente en páginas web, con una sintaxis semejante a la del lenguaje Java. Sin embargo, al contrario que Java, JavaScript no es un lenguaje orientado a objetos propiamente dicho, ya que no dispone de herencia. Es más bien un lenguaje basado en prototipos, ya que las nuevas clases se generan clonando las clases base (prototipos) y extendiendo su funcionalidad. Todos los navegadores interpretan el código JavaScript integrado dentro de las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del DOM (Modelo de Objetos del Documento). 9

10 JavaScript se ejecuta en el agente de usuario al mismo tiempo que las sentencias van descargándose junto con el código HTML. INDEX DE LA PAGINA PRINSIPAL. <! DOCTYPE htm> <htm> <head> <Title>SERVICIOS MIGRATORIOS Y NOTARIALES. </title> <meta charset="utf-8" /> <meta name="description" content="bienvenido a mi portafolio web hecho en HTML5, CSS3 y jquery con Responsive Web Design" /> <!-- el ancho de la página se verá como el ancho del dispositivo y la escala inicial es 1 es decir al 100%--> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Colocar icono en la barra de título --> <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" /> <!-- Agregar nuestra hoja de estilos--> <link rel="stylesheet" type="text/css" href="css/estilos.css"> <! > <!-- Agregar nuestra hoja de estilos para el carrusel de imágenes --> <link rel="stylesheet" type="text/css" href="css/flexslider.css"> <!-- Invocar librería jquery --> <script src=" type="text/javascript"></script> <!-- Si no hay inter toma la librería jquery local --> <script type="text/javascript">!window.jquery && document.write("<script src='js/jquery.min.js'><\/script>"); </script> <!-- Invocar el js del flexslider --> <script type="text/javascript" src="js/jquery.flexslider.js"></script> <script type="text/javascript" src="js/modernizr.js"></script> <!-- Desencadenar el plugin --> <script type="text/javascript"> //cuando cargue la ventana $(window).load(function() { $('.flexslider').flexslider({ animation: "slide", controlnav: "thumbnails" }); }); </script> <!-- Al reconocer que el navegador el viejo el estándar html5 se convierte automaticamente a div para que se vea igual que si lo interpretara --> 10

11 <!--[if lt IE 9]> <script src=" <![endif]--> </head> <body> <header> <h1> <a href="index.html"> <img id="logo" class="fade" alt=" mandar al inicio" src="img/header.jpg" /> </a> </h1> <nav> <ul> <li><a href="index.html">inicio</a></li> <li><a href="html/acerca.html">misión</a></li> <li><a href="html/servicios.html">servicios</a></li> <li><a href="html/contactos.html">contacto</a></li> </ul> </nav> </header> <section id="contenido"> <section id="principal"> <article id="galeria-inicio"> <div class="flexslider"> <ul class="slides"> <li data-thumb="img/slide-0.jpg"> <img src="img/slide-0.jpg" /> </li> <li data-thumb="img/slide-1.jpg"> <img src="img/slide-1.jpg" /> </li> <li data-thumb="img/slide-2.jpg"> <img src="img/slide-2.jpg" /> </li> <li data-thumb="img/slide-3.jpg"> <img src="img/slide-3.jpg" /> </li> </ul> </div> </article> </section> </section> <footer> <a href="" target="_blank">derechos Reservados</a> </footer> </body> </html> 11

12 CAPTURAS DE PANTALLA. 12

13 13

14 CONCLUSIÓN A continuación un resumen del trabajo realizado. El primer paso que tomamos fue establecer los requisitos que debía cumplir la página web reuniéndonos con el propietario del despacho jurídico y migratorio ALFARO. Haciendo uso de diversas tecnologías informáticas ha sido posible la realización del sitio web, la cual desde la implementación del presente proyecto tiene su propio sitio web, en el que demuestra su organización y pensamiento estratégico, da a conocer su cartera de servicios y facilita la comunicación entre los clientes y potenciales clientes de la misma. Logrando así llegar a muchos más clientes quienes ya no tendrán la necesidad de desplazarse hacia el despacho jurídico para poder adquirir los servicios que el despacho ofrece, únicamente bastara con que el interesado se ponga en contacto con el licenciado por medio dela comunicación de correo electrónico o teléfono que el sitio web pone a disposición. Durante la realización del proyecto hemos podido comprobar lo útiles que son los conocimientos adquiridos durante la materia. Consideramos que este proyecto nos ha aportado una visión diferente de lo que es programar una página web, ya que hemos tenido que tratar directamente con el cliente y hemos trabajado bajo presión, en el sentido de que hemos tenido que cumplir ciertos plazos de entrega. Cabe destacar que, por tratarse de un prototipo, la funcionalidad de la aplicación web puede no ser completa. Muchas mejoras y ampliaciones, como las que se citan en el siguiente punto, quedan fuera del alcance de este proyecto por su duración y extensión. Sin embargo, las modificaciones que sean necesarias se harán después de haber entregado en producto al cliente, pero de nuestra parte se trata de un trabajo realizado satisfactoriamente. 14

15 BIBLIOGRAFIA VISITA NUESTRA PÁGINA. AUTO EVALUACION. 15

16 16