ARQUITECTURA.

UnidadI Jimmy_yo

Queesuna APLICACIN WEB?

Se denomina aplicacin web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de una intranet mediante un navegador (Internet Explorer, Firefox, Opera, Chrome, etc).

APLICACIN WEB

Se programa en un lenguaje soportado por dichos navegadores web que se encargan de su ejecucin. Por lo que no se suele requerir de instalacin previa de software especifico para su uso ni de actualizaciones posteriores.

ANTES

(Tecnologa clienteservidor) cada aplicacin tena su propio programa cliente que serva como interfaz de usuario y que deba ser instalado previamente en cada ordenador. La aplicacin cliente realizaba peticiones a otro programa el servidor que le daba respuesta. Una mejora en la aplicacin, requera normalmente la actualizacin de cada uno los clientes instalados. versiones de aplicaciones cliente para uno de los sistema operativos existentes (Windows, GNU/Linux, Mac, etc).

 Los usuarios no requieren instalar software especifico. Les basta con disponer del navegador actualizado y si a caso con los Plugins y extensiones adecuadas tales como JavaScript, Java, Flash, Ajax, etc.

AHORA

La aplicacin es nica, se aloja en el servidor web y es independiente del sistema operativo de los usuarios. no es necesario distribuir actualizaciones.

Computacin enlanube (cloud computing).

Cadavezestmsextendidoqueexistan empresasproveedorasdesoftwareque posibilitanaccesovawebasusaplicaciones. Sepermitealusuario/empresapagarunacuota (mensual,anual,segnelnmerodeusuarios...) parausarlaaplicacin,sinnecesidaddeque tengaqueinstalarnadaensuordenador.

Aestaestrategiadeusodelsoftwaresele denominasoftwarecomoservicio. Esdecir,estasempresasyanovendensu softwaresinoquecomercializansuusoatravs deinternet.

TAREA 01

Ventajas Aplicacinweb

 http://www.youtube.com/watch?feature=player_embedded&v=V On6tg3e1t4

 Ahorra tiempo.

No hay problemas de compatibilidad.

Aplicacin web Ventajas

No ocupan espacio. Actualizaciones inmediatas. Bajo consumo de recursos. Multiplataforma. Portables.

 menosfuncionalidadesquelasaplicacionesde escritorio. Ladisponibilidaddependedeterceros. versionesanteriores. Elproveedordelaaplicacintienenaccesoalos datosyalaactividadquerealizanlosusuarios(falta deprivacidad). Laseguridad delosdatos supeditada alproveedor.

Aplicacin web Inconvenientes

En general, existen aplicaciones webs para todo tipo de necesidades,

Aplicacin web Ejemplos

Por un lado: Webmails banca electrnica tiendas online subastas online Buscadores radio y televisin online almacenamiento online juegos online ofimtica online, etc

Aplicacin web Ejemplos

Porotro: chats redessociales Wikis blogs Foros elearning J1 sitioswebsocomunidadesparacomparticin devideos,fotos,msica,etc...

Diapositiva 12 J1 Se denomina aprendizaje electrnico

JIMMY, 14/08/2013

Aplicacin web 2.0

websparticipativas,dondeelusuariodejadeser netamente decontenidosparaconvertirseademsen proveedoractivo.Estainformacinyanosealojade formaprivadaenelPCsinoquesesubeainternetpara sercompartidaconinfinidaddeusuarios. Ejemplos: blogger.com,redessociales,GoogleDocs

Web2.0 Etiquetasy Marcadores Sociales

(Tags) Palabra clave que los usuarios aaden a un objeto digital (pagina web, blog, foto, video, etc) con el fin de describirlo, pero de una manera informal, que permite etiquetar y categorizar la informacin presentndola de una forma organizada tanto para localizarla como para compartirla. (Social Bookmarking) Existen aplicaciones webs para almacenar, clasificar y compartir nuestros favoritos y marcadores (URLs direcciones de pginas webs que nos parecen interesantes), acompaados de sus correspondientes etiquetas. De esta forma se crean grupos de usuarios (comunidades) con intereses comunes. Ejemplo : https://www.google.com/bookmarks

Web2.0 Nubede etiquetas

(Tag Clouds) Consiste en una representacin visual de las etiquetas empleadas en la web en la que dependiendo de la frecuencia de uso, aumenta el tamao de la fuente. Generalmente son gadgets

web2.0 Sindicacin.

Sindicar (suscripcin) el contenido de un sitio web es el proceso mediante el cual los usuarios obtienen automticamente resmenes del contenido del mismo en unos formatos concretos (generalmente RSS o ATOM) que le permite estar al da de las novedades del mismo sin tener que visitar esta web continuamente para comprobar si existen variaciones.

El RSS (Rich Site Summary o Really Simple Syndication) es un formato estndar de intercambio de informacin creado en XML , con la finalidad de compartir informacin en Internet y que posibilita automtizar la obtencin de informacin desde la fuente.

 Google es considerada laempresa ms emblemtica delaweb2.0

Ejemplo web2.0

Tarea02

Investigar acerca de web 3.0, caractersticas y ejemplos, incluir las referencias.

EldesarrollodeaplicacionesWEBhaevolucionado porlossiguientesaspectos:

Evolucin Aplicaciones web

EvolucindelUso/Demandas EvolucindeTecnologasNavegador EvolucinTecnologasServidores MarketingdeVentas HiperHype ylasDot.Com

Evolucinde usuariosde internet

Evolucin Navegadores

Evolucin Sitios (Servidores)

 El diseo de una pgina Web consiste en una actividad que necesita una planificacin, diseo e implementacin. No se trata de desarrollar una aplicacin y ya. Es necesario tener en consideracin cuestiones como la navegabilidad, interactividad con el usuario, estructura de la informacin e interaccin multimedia.

Herramientas paraDiseoy desarrolloweb

El diseo Web esta considerado dentro del diseo multimedial. Dentro del diseo Web, los expertos sugieren tres etapas a considerar: 1. 2. 3. El diseovisual EditarlapginaWeb. posicionarseenlosbuscadores.

 La informacin que se desea mostrar en la pgina Web.

HerramientasparaDiseoydesarrollo web

01.EL DISEO VISUAL

Esta etapa consta de la distribucin del texto, la ubicacin de los grficos, los vnculos a otros documentos, los objetos multimedia que se vayan a incluir. Es necesario que antes de sentarte a programar en la computadora, se haga un bosquejo en papel sobre como ser la pagina Web. Esto le permitir tener una perspectiva mas amplia sobre como va a editar su pagina Web.

 Aqu es cuando es necesario elegir algn editor Web, sea pagado o gratuito.
HerramientasparaDiseoydesarrollo web

02.EDITARLA PGINAWEB.

La sugerencia es que si usted no tiene experiencia en este campo, puede adquirir un software libre con tutoriales en la Web para que paso a paso le guen sobre el funcionamiento del mismo. En esta etapa es donde se pueden establecer los hipervnculos, que son los enlaces que tpicamente aparecen subrayados de azul en las paginas Web y le permiten ingresar a otra ubicacin en a pagina Web o abrir una nueva pagina Web. Los puede personalizar de modo que abran una pgina relacionada a la suya o abran una pgina totalmente diferente o incluso un navegador.

HerramientasparaDiseoydesarrollo web

03. POSICIONARSE ENLOS BUSCADORES.

Es necesario aqu optimizar el contenido y su estructura para poder mejorar la posicin que obtenga en un buscador. Es necesario tambin pensar en las palabras clave que utilizara. Un truco que puede hacer es visitar paginas similares para ver que palabras estn utilizando y en que posiciones aparecen en los buscadores..

 APLICACIONESPARADISEARPGINASWEB,CONPAGOY GRATUITOS: WYSIWYGWebBuilder HTMLSpy Dreamweaver MicrosoftFrontPage

Herramientas paraDiseoy desarrolloweb

 ElDesarrolloWebeselprocesodecreacindeun sitioweb,quecomprendediversasetapascomoel

DESARROLLO WEB

anlisisyplanificacin,diseoyprogramacin. Generalmentelaideadenegocioyelanlisisde usodela

weblarealizanprofesionalesdistintosylos desarrolladores sonlosqueprograman lapgina utilizandodiversoslenguajestantodelladodel clientecomodelladodelservidor.

 losdiseadoresgrficospuedencrearlosdiseos deunapginawebenprogramascomoel PhotoShop oelMicrosoftExpressin,paraque luegoeldiseopuedapasarseahtml deunaforma massencillayrpida. Enlapartedeanlisissedebedefinirquelenguage deprogramacinserelmasconvenientepara realizarlapgina,yenbaseallenguajeseelijeel hosting oelservidorwebquesevaautilizarpara hospedarlapgina.

DESARROLLO WEB

DESARROLLO WEB

Es el proceso de creacin de un sitio o aplicacin web y consta de varias etapas que abarcan todos los aspectos que van desde interpretar las necesidades del cliente/ usuario hasta verificar que la respuesta brindada sea la esperada.

Se divide en 4 etapas:

DESARROLLOWEB

1) ANLISIS

Se obtienen los requerimientos del cliente/usuario donde los componentes ms importantes son los datos a utilizar y lo que se quiere obtener con el proceso de los mismos. Es importante definir con claridad un modelo preciso del objetivo a lograr

DESARROLLOWEB

La resolucin de un problema suele ser una tarea muy compleja para ser analizada como un todo, por lo que requiere un cierto grado de abstraccin e identificacin de partes (subproblemas) y la manera en que se relacionan. Cada uno de estos subproblemas debe tener un objetivo especfico, por medio del cual se resuelva una parte del problema original. Aqu se determinan cuestiones de aspecto visual (diseo grfico), interfaz del usuario y usabilidad (para la interaccin con el usuario final), aplicacin de tecnologas acorde a los requerimientos, eleccin de lenguajes de programacin y algoritmos, estructura y uso de bases de datos, etc. Cada una de estas partes es estudiada por separado, pero la unin de las mismas, permite obtener la respuesta esperada. (Nota: Es un error comn pasar por alto esta etapa para ir directo al trabajo de diseo grafico y programacin.

2) DISEO

 Enlaetapadediseotodosedescribeenformadeplanoo algoritmoquenoesmsqueunaespecificacingrficao simblicadelascosas.Ahora,todoseconvierteenun programareal. a) DiseoGrafico. b) Maquetado. c) BasedeDatos. d) Escrituradecdigo:Utilizandoalgnlenguajede programacinsedafuncionalidadycontenidoalsitio (Lenguajes:PHP,Java,Perl,JavaScript,ASP,VBScript, etc.)(Tecnologasyprogramasdeapoyo:AJAX, jQuery,Prototype)

DESARROLLOWEB

3) PROGRAMACIN

Enestaetapaelsitiooaplicacinwebquedantotalmente funcionalconcontenidodeprueba.

DESARROLLOWEB En esta ltima etapa tanto el cliente/usuario como el desarrollador web, prueban y observan las funcionalidades del desarrollo para ver que cumpla con lo esperado en cuyo caso se procede a la carga de dato real. Si se producen fallos o respuestas no esperadas se reparan y cuando todo est OK, se considera el trabajo terminado.

4) VERIFICACIN EINGRESODE DATOS