DISEO DE SITIOS WEB RECONOCIMIENTO GENERAL Y DE ACTORES

ELKIN AMADOR SNCHEZ CDIGO: 73189587

TUTOR: FABIN HOYOS

FECHA: 10/03/2013

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA CARTAGENA - BOLVAR CEAD SIMN BOLVAR AO 2013

TABLA DE CONTENIDO ITEM 1. 2. 3. 4. 5. TITULO INTRODUCCION . OBJETIVOS . DESARROLLO DE LA ACTIVIDAD . CONCLUSION . BIBLIOGRAFIA ... PAG 3 4 5 13 14

Pgina 2

INTRODUCCION Este trabajo permite conocer a la plataforma del curso de diseos de sitios Web, el estudiante deber tener en cuenta las herramientas que ofrecen el campus virtual para adquirir su aprendizaje y sobre todo contar con el apoyo del tutor y la de sus compaeros para desarrollar cada una de las actividades propuestas en el curso. Adems por medio de diferentes preguntas relacionadas con el diseo de sitios web se profundiza sobre el tema que es muy importante tanto en nuestra vida profesional como laboral.

Pgina 3

OBJETIVOS Estudiar los diversos temas que sern tratados en el curso de diseos de sitios Web. Analizar y comprender los temas que se presentan en este curso. Investigar y profundizar sobre los temas que han sido propuestos en cada una de las unidades del mdulo de diseos de sitios Web.

Pgina 4

DESARROLLO DE LA ACTIVIDAD A. Cul es la Temtica que ms le llama la atencin del curso?, Por qu? R/ MODELOS PARA EL DESARROLLO WEB: Me llamo mucho la atencin esta temtica por que de aqu es que parte el diseo de sitios web, La Ingeniera del Software ensea las diferentes metodologas mtodos que se siguen- de desarrollo de software (los aplicativos Web, los Web Sites y los portales son un tipo especial de software) como por ejemplo el modelo en cascada, en espiral, por prototipos, el proceso de desarrollo unificado.

MODELO EN CASCADA:

MODELO ITERATIVO POR PROTOTIPOS

MODELO EN ESPIRAL

Pgina 5

PROCESO UNIFICADO DE DESARROLLO DE SOFTWARE

B. Cul es la Temtica que requiere una actualizacin dentro del curso? Qu tipo de actualizacin requiere? R/ Para mi toda la temtica est actualizada en lo que concierne al diseo de sitios web

3. El (la) Estudiante debern consultar en diversas fuentes de informacin sobre el tema HTML5. De acuerdo al material consultado el estudiante debe responder: A. Qu diferencia existe entre HTML 5 y su antecesor HTML4.0? R/ Las diferencias Son: Sintaxis.- La sintaxis de HTML 5 es compatible con HTML 4 y XHTML 1. Con HTML 5 se puede usar sintaxis de XML. Con HTML 5 se puede usar sintaxis de MathML, que es un lenguaje usando para describir notaciones matemticas, permitiendo la integracin de frmulas matemticas a Internet. Nuevos elementos y nuevos atributos.- Adems de agregar elementos nuevos al lenguaje, a algunos elementos existentes se le agregan atributos, y otros elementos cambian. Para informacin detallada de estas diferencias, puedes consultar la pgina oficial de WC3 que describe las diferencias en lenguaje entre HTML 4 y HTML 5. Modelo del contenido.- HTML 5 busca reducir la confusin en el concepto de bloques existente entre HTML 4 y CSS. Con este fin, define nuevas categoras y define qu elementos son parte de cada una. Para mayor informacin, puedes consultar la seccin de cambios al modelo del contenido, descrito en la pgina oficial de WC3. APIs.- HTML5 agreg nuevas APIs (un API son las siglas en ingls de Application Programming Interface, que es una biblioteca de utileras que puede ser utilizada por algn software, en este caso aplicaciones de Internet), adems de que extendi, cambi o hizo obsoletas algunas de las ya existentes.

Pgina 6

B. Segn su concepto es mejor HTML 5 que Flash? Porque? R/ Simplemente porque es una instancia superadora a HTML4; porque llega de la mano de CSS3, una evolucin notable de las hojas de estilo que conocamos y porque revaloriza el papel de JavaScript en la Web, como el lenguaje que sabe hablar con las n uevas APIs que llegan con HTML5 y Porque ofrece un soporte nativo para los nuevos navegadores, tanto mobile como desktop, y porque tambin existen opciones para que muchas de sus funciones tengan compatibilidad crossbrowser con navegadores antiguos. Claro que no todas las caractersticas pueden emularse con la misma fidelidad y performance, pero tambin es cierto que el IE6 countdown ya marca que Intenet Explorer 6 en Argentina solo tiene el 1,6% de la cuota del mercado, en Venezuela 2,5 y en Estados Unidos menos del 1%. La renovacin de IE7 e IE8 tambin llegar y el problema de compatibilidad con versiones anteriores cada vez ser menor.

C. Qu aplicaciones de HTML5 cree usted podra aprovechar para futuros diseos web? R/ Serian las siguientes: 1. DeviantART muro: Una aplicacin de dibujo basado en HTML 5 que funciona en todos los navegadores modernos, y se puede bucear y empezar a dibujar sobre un lienzo en blanco. 2. HootSuite. Panel de control social basado en HTML5 con algunas funciones muy tiles: geo-localizacin de Tweet, bsqueda, eleccin entre retweets con estilo nuevo y viejo, con Google Analytics, interfaz personalizado y mucho ms. 3. X-Worlds. Algo interesante para los nios, done puede presentar un dibujo de tu personaje favorito y ver que se transforman en una ilustracin impresionante. 4. Aviarys Image Editor. Un potente foto editor que es fcil de usar y sorprendente. Adems est diseada para ser porttil para que los desarrolladores pueden integrar directamente en sus sitios o aplicaciones. 5. CSSWarp. Una herramienta en lnea que te permite conectar cualquier texto a una trayectoria curva o un crculo, a continuacin, crear texto deformado con puro CSS y HTML. 6. Flickr Browser. Una aplicacin nica para la navegacin en las fotos de Flickr con un enfoque nuevo. 7. CSS3.0 Maker. Una aplicacin ideal para los desarrolladores. Hace uso de cursores e incluso un rea de vista previa en vivo para generar las diferentes opciones. 8. Coolendar. Un calendario basado en HTML5, con interfaz simple y limpio y funciones tiles para la gestin eficaz del tiempo.
Pgina 7

9. Twimbow. Una herramienta colorida, de Twitter con un enfoque en la filtracin. Se pueden asignar diferentes colores para diferentes usuarios y grupos, y tambin cambiar el color de los tweets aadiendo una etiqueta de color. 10. Sketchpad. Una aplicacin de dibujo con seleccin de colores, patrones, muestras y mucho ms. 11. CloudCanvas. Editor de imagen con todas las funciones en lnea que te permite crear y guardar los medios de comunicacin digitales. 12. Lislis Painter. Otra interesante aplicacin web con las herramientas bsicas, que hacen de esta aplicacin una til herramienta de dibujo en lnea. 13. Scribd. Una aplicacin web que proporciona acceso en el navegador a todo tipo de documentos y libros electrnicos subidos por los usuarios. 14. Google Body Browser. Una aplicacin web para el estudio del cuerpo humano. 15. LucidChart. Una gran herramienta en lnea para la creacin de grficos y diagramas. 16. Diagramo. Una aplicacin interactiva en lnea, que te permite hacer diagramas y diagramas de flujo desde un navegador web. 17. Ultimate CSS Gradient Generator. Generador de gradientes CSS3. Utiliza los deslizadores y selectores de color como Photoshop y es muy recomendable. 18. Citicles. Un visualizator experimental que agrega informacin bsica sobre una ciudad y lo muestra en un diseo de crculo (poblacin, temperatura, tiempo, altitud, latitud y longitud). 19. Tiny Fluid Grid. Generador de marco con rejilla.

D. Segn el material analizado cree usted que HTML5 es el futuro de la web? R/ Si es el futuro de la web porque el lenguaje HTML5 permite a los desarrolladores producir experiencias dentro del navegador que antes requeran de aplicaciones independientes o software adicional, como Java, Adobe Flash o Microsoft Silverlight. Soporta video a gran velocidad y servicios de geolocalizacin, herramientas fuera de lnea y tctiles, entre otras caractersticas.

E. Por qu cree usted que empresas como Apple apuestan solo por HTML5 y ya no instalan en sus dispositivos Plugins de Flash? R/ Steve Jobs rechaz construir tecnologa Flash en sus navegadores mviles, insistiendo en que ofrecan una experiencia de navegacin menor. Adobe descart esa idea y trat de presionar a Apple para que incorporara Flash al iPhone y al iPad.
Pgina 8

HTML5 ha despegado desde que Apple se neg a adoptar el Flash porque los desarrolladores que usaban la tecnologa propiedad de Adobe no queran perder la oportunidad de que su contenido fuera visto por usuarios del iPhone y iPad. Estas son las palabras que escribi Steve Jobs en Abril de 2010 sobre Flash en la nota titulada:

Thoughts on Flash (Pensamientos acerca de flash).

Apple tiene una larga relacin con Adobe. De hecho, nos encontramos con los fundadores de Adobe cuando estaban en su garaje proverbial. Apple fue su primer gran cliente, adoptando su lenguaje Postscript para nuestra nueva impresora LaserWriter. De Apple invirti en Adobe y de propiedad en torno al 20% de la compaa durante muchos aos.Las dos compaas trabajaron en estrecha colaboracin para pionero de autoedicin y haba muchos buenos momentos. Desde la poca de oro, las empresas han crecido separadas. Apple fue a travs de su experiencia cercana a la muerte, y Adobe se ha elaborado para el mercado corporativo con sus productos Acrobat. Hoy las dos empresas siguen trabajando juntos para servir a sus clientes creativos comunes - los usuarios de Mac compran casi la mitad de los productos Creative Suite de Adobe - pero ms all de que hay pocos intereses comunes. Yo quera anotar algunas de nuestras ideas sobre los productos Adobe Flash para que los clientes y los crticos puedan entender mejor por qu no permitimos Flash en iPhones, iPods y iPads. Adobe ha caracterizado a nuestra decisin de ser principalmente de negocios impulsado - dicen que queremos proteger nuestra App Store - pero en realidad se basa en cuestiones de tecnologa. Adobe afirma que somos un sistema cerrado, y que Flash est abierto, pero en realidad es todo lo contrario. Me explico. Primero, est "abierto". Los productos de Adobe Flash son 100% propietarios. Slo estn disponibles a partir de Adobe, y Adobe tiene la autoridad exclusiva en cuanto a su futura mejora, precios, etc Mientras que los productos Adobe Flash son ampliamente disponibles, esto no quiere decir que sean abiertos, ya que estn controlados enteramente por Adobe y disponibles slo desde Adobe . En casi cualquier definicin, Flash es un sistema cerrado. Apple tiene muchos productos propietarios tambin. Aunque el sistema operativo para el iPhone, iPod y iPad es propietario, creemos firmemente que todas las normas relativas a la web debe estar abierto. En lugar de utilizar Flash, Apple ha adoptado HTML5, CSS y JavaScript - todos los estndares abiertos. Dispositivos mviles de Apple todos los buques con un alto rendimiento, bajo consumo de energa implementaciones de estos estndares abiertos. HTML5, el nuevo estndar web que ha sido adoptado por Apple, Google y muchos otros, permite a los desarrolladores web crear grficos avanzados, tipografa, animaciones y transiciones sin depender de navegador de terceros plug-ins (como Flash). HTML5 es totalmente abierto y controlado por un comit de normas, de los que Apple es miembro. Apple incluso crea estndares abiertos para la web. Por ejemplo, Apple comenz con un proyecto de cdigo abierto creado pequeas y WebKit, un completo cdigo abierto motor de
Pgina 9

renderizado HTML 5 que es el corazn del navegador web Safari utiliza en todos nuestros productos. WebKit ha sido ampliamente adoptado. Google lo usa para el navegador de Android, Palm lo usa, Nokia lo usa y RIM (Blackberry) ha anunciado que va a usar tambin. Casi todos los navegadores web telfono inteligente que no sea de Microsoft utiliza WebKit. Al hacer que su tecnologa abierta WebKit, Apple ha establecido el estndar para los navegadores web para mviles. En segundo lugar, est el "full web". Adobe ha dicho en repetidas ocasiones que los dispositivos mviles de Apple no pueden acceder a "la web completa" ya que el 75% del vdeo en la web es en Flash. Lo que no dicen es que casi todo el vdeo tambin est disponible en un formato ms moderno, H.264, y ver en iPhones, iPods y iPads. YouTube, con un estimado de 40% del vdeo de la web, brilla en una aplicacin incluido en todos los dispositivos mviles de Apple con el iPad que ofrece quizs el mejor descubrimiento de YouTube y experiencia visual nunca. Agregar al vdeo de Vimeo, Netflix, Facebook, ABC, CBS, CNN, MSNBC, Fox News, ESPN, NPR, Time, The New York Times, el Wall Street Journal, Sports Illustrated, People, National Geographic, y muchos, muchos ms otros. los usuarios de iPhone, iPod y iPad no se estn perdiendo mucho de vdeo. Otra demanda es que Adobe en dispositivos de Apple no se puede jugar juegos en Flash. Esto es cierto. Afortunadamente, hay ms de 50.000 juegos y ttulos de entretenimiento en la App Store, y muchos de ellos son gratuitos. Hay ms juegos y ttulos de entretenimiento disponibles para el iPhone, iPod y iPad que para cualquier otra plataforma en el mundo. En tercer lugar, hay fiabilidad, seguridad y rendimiento. Symantec destacado recientemente Flash para tener uno de los peores rcords de seguridad en 2009. Tambin sabemos de primera mano que Flash es la razn nmero uno por accidente de Macs. Hemos estado trabajando con Adobe para solucionar estos problemas, pero han persistido durante varios aos. No queremos reducir la fiabilidad y seguridad de nuestros iPhones, iPods y iPads mediante la adicin de Flash. Adems, Flash no ha funcionado bien en dispositivos mviles. Hemos pedido rutinariamente Adobe FLASH para mostrarnos un buen rendimiento en un dispositivo mvil, cualquier dispositivo mvil, por unos pocos aos ahora. Nunca lo hemos visto. Adobe dijo pblicamente que Flash enviara en un smartphone a principios de 2009, el segundo semestre de 2009, el primer semestre de 2010, y ahora dicen que el segundo semestre de 2010. Creemos que con el tiempo se enve, pero estamos contentos de haberlo no contener la respiracin. Quin sabe cmo se va a realizar? En cuarto lugar, es la vida de la batera. Para lograr una vida larga de la batera cuando se reproduce vdeo, los dispositivos mviles deben descodificar el vdeo en hardware, y la decodificacin en software utiliza demasiada energa. Muchos de los chips utilizados en los modernos dispositivos mviles contienen un decodificador llamado H.264 - un estndar que se utiliza en cada reproductor de Blu-ray DVD y ha sido adoptado por Apple, Google (YouTube), Vimeo, Netflix y muchas otras empresas.
Pgina 10

Aunque Flash ha aadido recientemente soporte para H.264, el vdeo en casi todos los sitios web Flash actualmente requiere un decodificador de vieja generacin que no est implementada en chips mviles y se debe ejecutar en el software. La diferencia es notable: en un iPhone, por ejemplo, los vdeos H.264 jugar por hasta 10 horas, mientras que los vdeos decodificado en el juego de software por menos de 5 horas antes de que la batera se agote por completo. Cuando los sitios web re-codificar sus videos usando H.264, pueden ofrecerlos sin usar Flash en absoluto. Ellos juegan perfectamente en navegadores como Safari de Apple y Chrome de Google sin ningn tipo de plugins de ningn tipo, y ven muy bien en iPhones, iPods y iPads. En quinto lugar, hay Touch. Flash fue diseado para ordenadores que utilizan ratones, no para pantallas tctiles utilizando los dedos. Por ejemplo, muchos sitios web de Flash se basan en "rollovers", que aparecer mens u otros elementos cuando se pasa el cursor del ratn sobre un punto especfico. Revolucionario de Apple Multi-Touch interfaz no utiliza un ratn, y no existe el concepto de un vuelco. La mayora de sitios web Flash tendrn que ser reescritos para soportar dispositivos tctiles. Si los desarrolladores necesitan reescribir sus sitios web en Flash, por qu no utilizar tecnologas modernas como HTML5, CSS y JavaScript? Aunque iPhones, iPods y iPads corri Flash, no resolvera el problema de que la mayora de sitios web Flash necesitan ser reescritos para soportar dispositivos tctiles. En sexto lugar, la razn ms importante. Adems del hecho de que Flash es cerrado y propietario, tiene grandes inconvenientes tcnicos, y no admite dispositivos tctiles basados, hay una razn an ms importante no permitimos Flash en iPhones, iPods y iPads. Hemos hablado de las desventajas de usar Flash para reproducir vdeo y contenido interactivo de los sitios web, pero Adobe tambin quiere que los desarrolladores adopten Flash para crear aplicaciones que se ejecutan en nuestros dispositivos mviles. Sabemos por experiencia dolorosa que dejar una capa de software de terceros se interponga entre la plataforma y el desarrollador en ltima instancia resulta en aplicaciones de baja calidad y dificulta la mejora y el progreso de la plataforma. Si los desarrolladores crecen dependientes de tercera bibliotecas de desarrollo y herramientas, slo pueden beneficiarse de mejoras en la plataforma siempre y cuando el tercero decida adoptar las nuevas caractersticas. No podemos estar a merced de un tercero para decidir si y cundo van a hacer las mejoras de nuestro disponibles para nuestros desarrolladores. Esto se vuelve an peor si el tercero es el suministro de una plataforma de desarrollo de herramientas cruzadas. El tercero no podr adoptar mejoras de una plataforma a menos que estn disponibles en todas las plataformas soportadas. Por lo tanto los desarrolladores slo tienen acceso al conjunto mnimo denominador comn de caractersticas. Una vez ms, no podemos aceptar un resultado que los desarrolladores se les impide utilizar nuestras innovaciones y mejoras, ya que no estn disponibles en las plataformas de nuestros competidores.
Pgina 11

Flash es una plataforma de desarrollo de herramientas cruzadas. No es el objetivo de Adobe para ayudar a los desarrolladores a escribir el mejor iPhone, iPod y iPad. Es su meta de ayudar a los desarrolladores a escribir aplicaciones de plataforma cruzada. Y Adobe ha sido dolorosamente lento para adoptar mejoras a las plataformas de Apple. Por ejemplo, aunque Mac OS X ha estado enviando desde hace casi 10 aos, Adobe acaba de adoptarse por completo (Cacao) hace dos semanas cuando se envan CS5. Adobe fue la ltima importante promotor de terceros a adoptar plenamente Mac OS X. Nuestra motivacin es simple - queremos ofrecer la plataforma ms avanzada e innovadora para nuestros desarrolladores, y queremos que se pare directamente sobre los hombros de esta plataforma y crear las mejores aplicaciones que el mundo haya visto. Queremos mejorar continuamente la plataforma para que los desarrolladores puedan crear an ms sorprendentes, potentes aplicaciones divertidas y tiles. Todo el mundo gana - vendemos ms dispositivos porque tenemos las mejores aplicaciones, los desarrolladores de llegar a un pblico ms amplio y una mayor base de clientes, y los usuarios estn constantemente encantados con la mejor y ms amplia seleccin de aplicaciones en cualquier plataforma. Conclusiones. Flash fue creado durante la era de la PC - para PC y ratones. Flash es un negocio de xito para Adobe, y podemos entender por qu lo quieren empujar ms all de los PC. Pero la era mvil sobre los dispositivos de baja potencia, interfaces tctiles y estndares web abiertos todas las reas donde Flash se queda corto. La avalancha de los medios de comunicacin que ofrece su contenido para dispositivos mviles de Apple demuestra que Flash ya no es necesario para ver vdeos o consumir cualquier tipo de contenido web. Y los 250.000 aplicaciones en App Store de Apple demuestra que Flash no es necesario para decenas de miles de desarrolladores para crear aplicaciones ricas grficamente, incluyendo juegos. Nuevos estndares abiertos creados en la era mvil, como HTML5, ganar en los dispositivos mviles (y PC tambin). Quizs Adobe debera centrarse ms en la creacin de herramientas HTML5 grandes para el futuro, y menos en criticar a Apple por dejar atrs el pasado. Steve Jobs Abril, 2010

Pgina 12

CONCLUSION Este trabajo se puede concluir en el aprendizaje que debe adquirir los estudiantes en el curso de diseos de sitios Web; es ms el estudiante tendr la capacidad de trabajar en cada una de las actividades que se presentan en la Plataforma del Aula (Cronograma de Actividades) y tendr que utilizar las herramientas que han sido propuestas en este curso, para afianzar ms sus conocimientos y aprendizajes. Finalmente, el estudiante deber compartir las ideas, conceptos y opiniones con los integrantes del curso y el tutor; ya que el tutor estar all para acompaarlos a todos en su aprendizaje, enriqueciendo los conocimientos, ese conocimiento que se ha adquirido en el curso se deber llevar a cabo en la prctica de la vida cotidiana, y al fin de cuenta el estudiante se preparar para aplicar lo aprendido en el campo laboral.

Pgina 13

BIBLIOGRAFIA Modulo diseo de sitios web, la plata Huila, 10 de diciembre de 2009 http://www.cnnexpansion.com/tecnologia/2012/12/18/html5-el-futuro-de-la-web-yaesta-aqui http://www.cnnexpansion.com/tecnologia/2011/11/09/adobe-admite-su-derrota-frentea-apple http://www.apple.com/hotnews/thoughts-on-flash/

Pgina 14