Práctica paso a paso para crear un sitio web (weebly), un blog (wordpress), una página de red social (facebook), una wiki (mediawiki), una página de microblog (twitter), documentos de offimática (google docs) y almacenamiento (google drive)
Práctica en Joomla de reproductor de streaming de video y audioHéctor Garduño Real
Este documento describe la instalación y configuración de varias herramientas para difundir contenido multimedia en una página web creada con Joomla. En primer lugar, se instala Joomla y se configura la base de datos. Luego, se instalan las extensiones All Video Share para videos y RAR Radio para audio. Finalmente, se crea un video en Adobe Premiere para subirlo a All Video Share. El objetivo es tener una página con capacidad para publicar y reproducir videos y audio.
El presente tutorial fue expuesto en el IX Congreso Internacional de Ingeniería de Sistemas, Software y Telecomunicaciones de la Universidad Privada Antenor Orrego, espero sea de vuestra utilidad.
Este documento presenta un libro sobre introducción a JavaScript. El libro contiene 11 capítulos que cubren temas como qué es JavaScript, su historia, cómo incluir código JavaScript en documentos XHTML, variables, tipos de datos, operadores, estructuras de control de flujo, funciones, eventos, formularios y más. El documento proporciona una introducción general al lenguaje de programación JavaScript y sus aplicaciones para crear páginas web dinámicas.
Este documento presenta un manual de capacitación sobre el desarrollo de sitios web con Joomla! CMS. Explica los beneficios de usar un sistema de gestión de contenido como Joomla!, como instalarlo localmente, y cómo administrar sitios web creados con Joomla!, incluida la gestión de menús, contenido, extensiones, módulos, plugins y plantillas. También cubre temas como la optimización para motores de búsqueda, respaldos y seguridad básica.
Este documento presenta un curso introductorio sobre Windows 10. Proporciona información sobre las principales características y funciones del sistema operativo como la búsqueda, la configuración de cuentas, la conectividad, el inicio, Cortana, Microsoft Edge, las aplicaciones y la personalización. También incluye actividades prácticas para familiarizarse con el uso del teclado, el ratón, la tienda de aplicaciones, Edge, el calendario y las aplicaciones de Office como el procesador de textos y la hoja de cálculo.
Windows 10 introduce numerosas novedades como una interfaz más productiva, personalizable y flexible que funciona en todos los dispositivos. Entre las ventajas se encuentran Cortana como asistente personal, la Tienda de aplicaciones unificada, la sincronización entre dispositivos y la compatibilidad multiplataforma. Algunas desventajas son la eliminación de características como Windows Media Center y la obligatoriedad de actualizaciones automáticas. El documento proporciona una introducción general a las principales funciones y cambios de Windows 10.
Recopilatorio de posts de Microsoft 365 y SharePoint - Enero a Junio 2020Juan Carlos Gonzalez
Este documento resume los artículos más relevantes publicados en los blogs de J.C. González entre enero y julio de 2020 sobre las plataformas Microsoft 365, SharePoint Online y SharePoint On-Premise. Se categorizan 23 artículos sobre capacidades de Microsoft 365 como añadir imágenes de fondo y levantar la mano en Teams, 7 artículos sobre administración e IT, y 15 artículos sobre SharePoint Online que cubren temas como el uso compartido, multiidioma y provisioning.
Este documento proporciona información sobre diversas herramientas de Internet. Explica las funciones de búsqueda avanzada en Google, cómo organizar y editar fotos con Picasa, y cómo crear crucigramas y presentaciones en línea. También describe herramientas como Google Earth, Hot Potatoes y Zamzar, entre otras. El objetivo es orientar a los estudiantes sobre el uso de estas aplicaciones virtuales.
Práctica en Joomla de reproductor de streaming de video y audioHéctor Garduño Real
Este documento describe la instalación y configuración de varias herramientas para difundir contenido multimedia en una página web creada con Joomla. En primer lugar, se instala Joomla y se configura la base de datos. Luego, se instalan las extensiones All Video Share para videos y RAR Radio para audio. Finalmente, se crea un video en Adobe Premiere para subirlo a All Video Share. El objetivo es tener una página con capacidad para publicar y reproducir videos y audio.
El presente tutorial fue expuesto en el IX Congreso Internacional de Ingeniería de Sistemas, Software y Telecomunicaciones de la Universidad Privada Antenor Orrego, espero sea de vuestra utilidad.
Este documento presenta un libro sobre introducción a JavaScript. El libro contiene 11 capítulos que cubren temas como qué es JavaScript, su historia, cómo incluir código JavaScript en documentos XHTML, variables, tipos de datos, operadores, estructuras de control de flujo, funciones, eventos, formularios y más. El documento proporciona una introducción general al lenguaje de programación JavaScript y sus aplicaciones para crear páginas web dinámicas.
Este documento presenta un manual de capacitación sobre el desarrollo de sitios web con Joomla! CMS. Explica los beneficios de usar un sistema de gestión de contenido como Joomla!, como instalarlo localmente, y cómo administrar sitios web creados con Joomla!, incluida la gestión de menús, contenido, extensiones, módulos, plugins y plantillas. También cubre temas como la optimización para motores de búsqueda, respaldos y seguridad básica.
Este documento presenta un curso introductorio sobre Windows 10. Proporciona información sobre las principales características y funciones del sistema operativo como la búsqueda, la configuración de cuentas, la conectividad, el inicio, Cortana, Microsoft Edge, las aplicaciones y la personalización. También incluye actividades prácticas para familiarizarse con el uso del teclado, el ratón, la tienda de aplicaciones, Edge, el calendario y las aplicaciones de Office como el procesador de textos y la hoja de cálculo.
Windows 10 introduce numerosas novedades como una interfaz más productiva, personalizable y flexible que funciona en todos los dispositivos. Entre las ventajas se encuentran Cortana como asistente personal, la Tienda de aplicaciones unificada, la sincronización entre dispositivos y la compatibilidad multiplataforma. Algunas desventajas son la eliminación de características como Windows Media Center y la obligatoriedad de actualizaciones automáticas. El documento proporciona una introducción general a las principales funciones y cambios de Windows 10.
Recopilatorio de posts de Microsoft 365 y SharePoint - Enero a Junio 2020Juan Carlos Gonzalez
Este documento resume los artículos más relevantes publicados en los blogs de J.C. González entre enero y julio de 2020 sobre las plataformas Microsoft 365, SharePoint Online y SharePoint On-Premise. Se categorizan 23 artículos sobre capacidades de Microsoft 365 como añadir imágenes de fondo y levantar la mano en Teams, 7 artículos sobre administración e IT, y 15 artículos sobre SharePoint Online que cubren temas como el uso compartido, multiidioma y provisioning.
Este documento proporciona información sobre diversas herramientas de Internet. Explica las funciones de búsqueda avanzada en Google, cómo organizar y editar fotos con Picasa, y cómo crear crucigramas y presentaciones en línea. También describe herramientas como Google Earth, Hot Potatoes y Zamzar, entre otras. El objetivo es orientar a los estudiantes sobre el uso de estas aplicaciones virtuales.
Este documento presenta las funciones principales de la herramienta de autoría learningMaker. Explica cómo navegar por proyectos y carpetas, editar páginas y componentes de un proyecto, trabajar con recursos, cuestionarios, versiones y traducciones. También cubre la colaboración en proyectos, la previsualización y publicación de contenidos creados con learningMaker.
Este documento presenta un manual del alumno para un curso de programación en PHP con MySQL. El manual introduce PHP y MySQL, explica cómo instalar ambos, y cubre temas como sintaxis básica de PHP, funciones, formularios, cookies, sesiones, y conexión a MySQL. El manual consta de 19 capítulos y proporciona los conocimientos necesarios para desarrollar páginas web dinámicas usando PHP y una base de datos MySQL.
Senacyt informatica como herramienta didacticaGerman Ruiz
This document describes a workshop for middle school teachers interested in incorporating technology into their teaching processes. The workshop will cover the basic components and functions of computers, as well as how to use software applications like word processors, spreadsheets, presentations, and drawings. Teachers will learn to use computers as educational tools to support their teaching and as intelligent communication, research, and information processing tools.
Este documento presenta un manual de usuario para Umbraco v4. Explica las operaciones básicas como conectarse al sistema, editar contenido existente, crear nuevo contenido, guardar y publicar, trabajar con la estructura del sitio, ordenar páginas, mover y copiar páginas, y borrar páginas. También cubre temas como trabajar con el editor de texto, imágenes, tablas y versiones. El objetivo es enseñar a los usuarios a usar Umbraco de manera fácil para crear y
Este documento presenta las novedades y mejoras de Windows 7 con respecto a Windows Vista. Se centra en tres aspectos clave: simplificar tareas comunes, mejorar el rendimiento energético y de arranque, y hacer el sistema más flexible. Windows 7 consta de tres versiones principales (Home Premium, Professional y Ultimate) diseñadas para entornos domésticos y profesionales. El documento proporciona una introducción general a las mejoras de rendimiento, compatibilidad y características nuevas de Windows 7.
Tutorial de Instalación de Sistema y Servicios de Red en Lenny Debian 5Black Moral Яesistance
Este documento describe la instalación y configuración de varios servicios de red en una máquina virtual Debian 5 llamada Lenny. Inicialmente se crea la máquina virtual y se instala el sistema operativo. Luego se configura la red y se instalan y configuran servicios como Apache, FTP, DNS, DHCP, Samba, Squid, SquirrelMail y SSH. Finalmente se incluyen scrips para gestionar demonios y usuarios.
Este documento proporciona instrucciones sobre el uso de Adobe Flash Professional CS5. Explica las nuevas funciones de Flash CS5, describe el espacio de trabajo incluyendo el escenario, la línea de tiempo y los paneles de edición. También cubre temas como la administración de documentos, la importación de ilustraciones, y el trabajo con archivos de Fireworks. El documento está protegido por derechos de autor y está sujeto a cambios.
Este documento presenta el simulador WinDLX, el cual permite simular la ejecución de programas escritos en ensamblador DLX. El simulador contiene varias ventanas que muestran información sobre los registros, código, pipeline, ciclos de reloj, estadísticas y puntos de ruptura. También describe los menús y comandos disponibles, el formato de los registros, la estructura del pipeline DLX de 5 etapas y ejemplos de código en ensamblador DLX.
Este manual describe las funcionalidades básicas de Moodle como crear y editar cursos, añadir contenidos y actividades, gestionar usuarios y grupos, y utilizar herramientas de comunicación y evaluación. Explica conceptos clave como los bloques de Moodle, el modo edición, y cómo personalizar el perfil de usuario y preferencias de correo electrónico.
La guía describe cómo realizar tareas comunes en los escritorios de Fedora como GNOME, KDE y Xfce. Explica cómo ingresar al escritorio, navegar por el panel principal y área de escritorio, y conectarse a Internet. También cubre cómo quemar CDs/DVDs, crear un medio USB, navegar la web, transferir archivos y comunicarse a través de correo electrónico. El objetivo es ayudar a los usuarios a aprovechar las funciones básicas de su computadora con Fedora.
La guía proporciona información sobre el uso de la plataforma Moodle para profesores. Explica la estructura básica de Moodle incluyendo categorías, cursos, semanas, temas y actividades. Luego, ofrece una guía detallada sobre cómo los profesores pueden utilizar las diferentes funciones de Moodle como agregar recursos, actividades y preguntas; administrar cursos; y calificar alumnos. Finalmente, incluye referencias bibliográficas sobre otros documentos relacionados con Moodle.
Este documento describe los pasos para instalar Windows Server 2003 y configurar los servicios básicos de red como Active Directory, DHCP y WINS. Comienza explicando el proceso de formateo del disco duro y continúa detallando cómo levantar los servicios de Active Directory, DHCP y WINS, crear cuentas de usuario y compartir recursos. Finalmente, indica los pasos para degradar el servidor eliminando los servicios instalados.
Informe de lectura: No me hagas pensar. Una aproximación a la usabilidad en l...Héctor Garduño Real
El libro No me hagas pensar de Steve Krug es una de las principales guías sobre usabilidad web. El libro está destinado a quienes esten involucrados en el desarrollo de sitios web o que ya tengan uno.
II Congresso SICAD 5-7 Abril, Fundação Calouste Gulbenkian | Sessao Plenária II Modelos da Qualidade na Intervenção em CAD: Ana Delgado Directora Clínica, da Comunidade Terapêutica Quinta das Lapas, Dianova Portugal, apresentou a 5 Abril a comunicação "Benefícios da Qualidade em Saúde: da teoria à prática", unidade de saúde na área do tratamento e reinserção das dependências (alcoolismo e drogas) pioneira em 2005 a certificar-se em Gestão da Qualidade em Portugal, que mantém desde há 10 anos.
Wetwheels Jersey provides boat trips on the coast of Jersey to allow people with disabilities access to the marine environment. In 2014, Wetwheels exceeded expectations by transporting over 28 charities and community groups on trips. Passengers reported increases in self-confidence and well-being from their time on the water. However, operating costs are high and Wetwheels relies on donations to continue its important work of inclusion and providing health benefits to passengers.
This document describes various cuts of lamb and veal available for purchase. It includes descriptions of veal cutlets, boneless lamb roast, rack of veal, veal rib chops, bone-in veal strip, veal porterhouse, Colorado lamb rib chops and porterhouse, Australian range lamb racks, Colorado rack of lamb, and precooked veal osso buco. For each item, it provides the product number, name, weight, price, and sometimes additional details about quality or preparation method. The purpose is to advertise high-quality lamb and veal products available for ordering from this supplier.
This short document does not contain any meaningful information in its 9 lines of text. It consists only of paragraph break symbols without any words, sentences or context. Therefore, no useful summary can be generated from its content.
The document discusses different types of occupations. It focuses on classifying occupations according to materials. The occupations are categorized based on whether the work involves using natural resources, manufactured goods, money or information.
Effective air traffic management critical for efficient and sustainable aviation growth.
NATS has worked with Oman, Qatar, Kuwait, Bahrain and UAE to support the safety efficiency and environmental performance of their airspace and has appointed John Swift as Director, NATS Middle East, to establish a permanent presence in the region. Demonstrating NATS’ strong commitment to the region, John is based in Abu Dhabi and responsible for developing the current and future Middle East activities into a significant, sustainable business.
Este documento presenta las funciones principales de la herramienta de autoría learningMaker. Explica cómo navegar por proyectos y carpetas, editar páginas y componentes de un proyecto, trabajar con recursos, cuestionarios, versiones y traducciones. También cubre la colaboración en proyectos, la previsualización y publicación de contenidos creados con learningMaker.
Este documento presenta un manual del alumno para un curso de programación en PHP con MySQL. El manual introduce PHP y MySQL, explica cómo instalar ambos, y cubre temas como sintaxis básica de PHP, funciones, formularios, cookies, sesiones, y conexión a MySQL. El manual consta de 19 capítulos y proporciona los conocimientos necesarios para desarrollar páginas web dinámicas usando PHP y una base de datos MySQL.
Senacyt informatica como herramienta didacticaGerman Ruiz
This document describes a workshop for middle school teachers interested in incorporating technology into their teaching processes. The workshop will cover the basic components and functions of computers, as well as how to use software applications like word processors, spreadsheets, presentations, and drawings. Teachers will learn to use computers as educational tools to support their teaching and as intelligent communication, research, and information processing tools.
Este documento presenta un manual de usuario para Umbraco v4. Explica las operaciones básicas como conectarse al sistema, editar contenido existente, crear nuevo contenido, guardar y publicar, trabajar con la estructura del sitio, ordenar páginas, mover y copiar páginas, y borrar páginas. También cubre temas como trabajar con el editor de texto, imágenes, tablas y versiones. El objetivo es enseñar a los usuarios a usar Umbraco de manera fácil para crear y
Este documento presenta las novedades y mejoras de Windows 7 con respecto a Windows Vista. Se centra en tres aspectos clave: simplificar tareas comunes, mejorar el rendimiento energético y de arranque, y hacer el sistema más flexible. Windows 7 consta de tres versiones principales (Home Premium, Professional y Ultimate) diseñadas para entornos domésticos y profesionales. El documento proporciona una introducción general a las mejoras de rendimiento, compatibilidad y características nuevas de Windows 7.
Tutorial de Instalación de Sistema y Servicios de Red en Lenny Debian 5Black Moral Яesistance
Este documento describe la instalación y configuración de varios servicios de red en una máquina virtual Debian 5 llamada Lenny. Inicialmente se crea la máquina virtual y se instala el sistema operativo. Luego se configura la red y se instalan y configuran servicios como Apache, FTP, DNS, DHCP, Samba, Squid, SquirrelMail y SSH. Finalmente se incluyen scrips para gestionar demonios y usuarios.
Este documento proporciona instrucciones sobre el uso de Adobe Flash Professional CS5. Explica las nuevas funciones de Flash CS5, describe el espacio de trabajo incluyendo el escenario, la línea de tiempo y los paneles de edición. También cubre temas como la administración de documentos, la importación de ilustraciones, y el trabajo con archivos de Fireworks. El documento está protegido por derechos de autor y está sujeto a cambios.
Este documento presenta el simulador WinDLX, el cual permite simular la ejecución de programas escritos en ensamblador DLX. El simulador contiene varias ventanas que muestran información sobre los registros, código, pipeline, ciclos de reloj, estadísticas y puntos de ruptura. También describe los menús y comandos disponibles, el formato de los registros, la estructura del pipeline DLX de 5 etapas y ejemplos de código en ensamblador DLX.
Este manual describe las funcionalidades básicas de Moodle como crear y editar cursos, añadir contenidos y actividades, gestionar usuarios y grupos, y utilizar herramientas de comunicación y evaluación. Explica conceptos clave como los bloques de Moodle, el modo edición, y cómo personalizar el perfil de usuario y preferencias de correo electrónico.
La guía describe cómo realizar tareas comunes en los escritorios de Fedora como GNOME, KDE y Xfce. Explica cómo ingresar al escritorio, navegar por el panel principal y área de escritorio, y conectarse a Internet. También cubre cómo quemar CDs/DVDs, crear un medio USB, navegar la web, transferir archivos y comunicarse a través de correo electrónico. El objetivo es ayudar a los usuarios a aprovechar las funciones básicas de su computadora con Fedora.
La guía proporciona información sobre el uso de la plataforma Moodle para profesores. Explica la estructura básica de Moodle incluyendo categorías, cursos, semanas, temas y actividades. Luego, ofrece una guía detallada sobre cómo los profesores pueden utilizar las diferentes funciones de Moodle como agregar recursos, actividades y preguntas; administrar cursos; y calificar alumnos. Finalmente, incluye referencias bibliográficas sobre otros documentos relacionados con Moodle.
Este documento describe los pasos para instalar Windows Server 2003 y configurar los servicios básicos de red como Active Directory, DHCP y WINS. Comienza explicando el proceso de formateo del disco duro y continúa detallando cómo levantar los servicios de Active Directory, DHCP y WINS, crear cuentas de usuario y compartir recursos. Finalmente, indica los pasos para degradar el servidor eliminando los servicios instalados.
Informe de lectura: No me hagas pensar. Una aproximación a la usabilidad en l...Héctor Garduño Real
El libro No me hagas pensar de Steve Krug es una de las principales guías sobre usabilidad web. El libro está destinado a quienes esten involucrados en el desarrollo de sitios web o que ya tengan uno.
II Congresso SICAD 5-7 Abril, Fundação Calouste Gulbenkian | Sessao Plenária II Modelos da Qualidade na Intervenção em CAD: Ana Delgado Directora Clínica, da Comunidade Terapêutica Quinta das Lapas, Dianova Portugal, apresentou a 5 Abril a comunicação "Benefícios da Qualidade em Saúde: da teoria à prática", unidade de saúde na área do tratamento e reinserção das dependências (alcoolismo e drogas) pioneira em 2005 a certificar-se em Gestão da Qualidade em Portugal, que mantém desde há 10 anos.
Wetwheels Jersey provides boat trips on the coast of Jersey to allow people with disabilities access to the marine environment. In 2014, Wetwheels exceeded expectations by transporting over 28 charities and community groups on trips. Passengers reported increases in self-confidence and well-being from their time on the water. However, operating costs are high and Wetwheels relies on donations to continue its important work of inclusion and providing health benefits to passengers.
This document describes various cuts of lamb and veal available for purchase. It includes descriptions of veal cutlets, boneless lamb roast, rack of veal, veal rib chops, bone-in veal strip, veal porterhouse, Colorado lamb rib chops and porterhouse, Australian range lamb racks, Colorado rack of lamb, and precooked veal osso buco. For each item, it provides the product number, name, weight, price, and sometimes additional details about quality or preparation method. The purpose is to advertise high-quality lamb and veal products available for ordering from this supplier.
This short document does not contain any meaningful information in its 9 lines of text. It consists only of paragraph break symbols without any words, sentences or context. Therefore, no useful summary can be generated from its content.
The document discusses different types of occupations. It focuses on classifying occupations according to materials. The occupations are categorized based on whether the work involves using natural resources, manufactured goods, money or information.
Effective air traffic management critical for efficient and sustainable aviation growth.
NATS has worked with Oman, Qatar, Kuwait, Bahrain and UAE to support the safety efficiency and environmental performance of their airspace and has appointed John Swift as Director, NATS Middle East, to establish a permanent presence in the region. Demonstrating NATS’ strong commitment to the region, John is based in Abu Dhabi and responsible for developing the current and future Middle East activities into a significant, sustainable business.
This document summarizes an interview with Geoffrey Jones, author of "Beauty Imagined: A History of the Global Beauty Industry".
Key points:
- Jones' book traces the history of the $330 billion global beauty industry and influential entrepreneurs across countries.
- The fragmented, often family-owned businesses in the industry have made it difficult for scholars to research until now.
- The emergence of the modern beauty industry was associated with an unprecedented homogenization of beauty ideals worldwide, influenced by Western societies.
- The industry is subject to sudden shifts in fashion and influential products that marked its evolution include soap and the transformation of perfume.
This curriculum vitae summarizes Abdul Fatta Rasyid's personal and professional details. He is an Indonesian Muslim born in 1972 who has worked as an Able Bodied (AB) seaman on various vessels since 2003, including work boats, drilling vessels, supply ships, and cargo ships. He holds certification and training in areas like offshore safety, medical training, crane operation, and security.
As an advocate of health and wellness, it is our objective to provide dependable food supplements to consumers not just in the Philippines but worldwide as well. In pursuit of promoting a healthy lifestyle, we aim to establish a system that will make our product reach every household.
While offering our products to the world, we aim to give opportunity to motivated individuals to enrich and advance their lives as we offer an equitable compensation plan. It is also our objective to provide a nurturing work environment anchored on harmony, trust and respect on the diversity and individuality of men.
As a result of the accomplishment of the above missions, we aim to constantly gain the admiration of our own employees, independent distributors and the local and international community not only for what we do or what we have achieved but also by the means through which we have done or achieved them.
Informe de lectura de: Resumen del PMBOK v4 Dirección y Gestión de ProyectosHéctor Garduño Real
El documento resume brevemente el libro "Guía de los fundamentos para la dirección de proyectos (Guía del PMBOK)" publicado por el Project Management Institute. El resumen describe los 9 áreas de conocimiento y los 5 grupos de procesos que el PMBOK utiliza para la dirección efectiva de proyectos. El PMBOK es una guía ampliamente utilizada para la dirección de proyectos en diferentes industrias.
The document discusses the Financial Objects Standardization Working Group which is tasked with developing standard patterns for representing financial data to facilitate interactions on the Symphony platform. The group includes representatives from major financial institutions. They have defined their charter, drafted specifications for a MessageML format and rendering pipeline for financial objects. The purpose of the standard is to allow rich financial entities to be used for cross-institution collaboration while reusing existing standards where possible. A draft specification defines basic financial security and currency objects identified by identifiers like ISIN, CUSIP, etc. More advanced objects for prices, quotes, and trades will be specified based on the foundational objects.
Análisis de las lecturas:
“Internet de las cosas. Un mundo de productos inteligentes y conectados que está transformando el mundo de la fabricación”
“Argumentos de inversión para el siglo XXI. Invertir en la Internet de las cosas”
1) The document discusses Japan's traditional media landscape, including newspapers, magazines, radio, and TV.
2) It notes that Japan has two main wire services, Kyodo News and Jiji Press, and five major national newspapers: Yomiuri Shimbun, Asahi Shimbun, Mainichi Shimbun, Nihon Keizai Shimbun, and Sankei Shimbun.
3) It also discusses Japan's developed online media landscape, including prominent search engines, blogs, social media, and growth of mobile media.
El documento describe el lenguaje XML, su historia y usos. XML nació para superar las limitaciones de HTML al permitir marcar cualquier tipo de contenido. Actualmente XML se usa ampliamente para almacenar datos, configuraciones de aplicaciones, bases de datos y comunicaciones entre sistemas. Algunos casos exitosos de uso de XML incluyen RSS para sindicación web, XML-RPC para llamadas a procedimientos remotos, y XHTML como versión más estricta de HTML.
This document discusses network softwarization and the role of open source. It begins by defining network softwarization as the trend toward more programmable, software-defined networks achieved through SDN and NFV. It then discusses how open source has played a role in networking, particularly through projects that enable network softwarization like OpenDaylight, OpenStack, and OPNFV. The document concludes by discussing some experiences with open source networking projects at UNICAMP like RouteFlow, libfluid, and Mininet-WiFi, which aim to advance the state of SDN and network programmability through open collaboration.
Este documento presenta un tutorial sobre el sistema de gestión de contenidos Joomla!. Explica conceptos básicos como usuarios, jerarquía de contenido y requisitos del sistema. Luego detalla funciones de gestión desde el frontend como autor y editor, y desde el backend como administración de archivos, menús, contenido, página de inicio y usuarios. Finalmente cubre funciones de administración como componentes, módulos, plantillas y validación global. El tutorial proporciona una guía completa para aprender a utilizar Joomla!.
Este documento presenta un tutorial sobre el sistema de gestión de contenidos Joomla!. Explica conceptos básicos como usuarios, jerarquía de contenido y requisitos del sistema. Luego detalla funciones de gestión desde el frontend como autor y editor, y desde el backend como administración de archivos, menús, contenido, página de inicio y más. Finalmente cubre funciones de administración global como usuarios, plantillas y validación. El tutorial provee una guía completa para aprender a utilizar Joomla!.
Este documento presenta un tutorial sobre el sistema de gestión de contenidos Joomla!. Explica conceptos básicos como usuarios, jerarquía de contenido y requisitos del sistema. Luego describe cómo instalar Joomla!, sus elementos principales como plantillas, componentes y módulos, y los tipos de usuarios. Finalmente, detalla funciones de gestión desde el frontend y backend para administrar contenido, menús, usuarios y otros elementos.
Este documento proporciona una introducción a Joomla!, un sistema de gestión de contenidos open source. Explica qué es un CMS y cómo Joomla! permite crear páginas web dinámicas. Además, detalla los conceptos básicos necesarios para iniciar un sitio con Joomla!, como usuarios, jerarquía de contenido y requisitos técnicos. Finalmente, resume los elementos principales de Joomla!, como plantillas, componentes y módulos.
Este documento trata sobre la educación y la tecnología de la información y la comunicación (TIC). Explica conceptos clave como el alfabetismo digital, la educación infantil, los entornos virtuales de aprendizaje y las pizarras interactivas. También analiza la evolución de la tecnología educativa y los fundamentos y modelos de distribución de las TIC en las escuelas. En general, el documento ofrece una introducción amplia sobre el papel de las TIC en la educación actual.
Este documento presenta un resumen de los componentes clave de un sistema de captación y aprovechamiento de agua de lluvia. Describe la problemática mundial del agua y experiencias internacionales en el tema. Explica los componentes de un sistema como el área de captación, sistema de conducción, estructura de almacenamiento, filtración y distribución. También cubre el diseño, calidad del agua, sistemas de purificación, funcionamiento y dimensiones de género en la gestión del recurso agua.
Este documento describe las diferentes secciones en Microsoft Word, incluyendo cómo insertar saltos de sección, los tipos de saltos de sección, y los formatos que se pueden establecer en las secciones. Explica que las secciones permiten controlar el formato y diseño de diferentes partes de un documento de manera independiente. Se proporcionan ejemplos visuales de cómo se ven diferentes tipos de saltos de sección como página siguiente, continuo, página par e impar. El objetivo general es analizar y conocer las secciones de Word para aplicarlas correctamente en
Este documento presenta una introducción a las nuevas tecnologías. Explica los componentes básicos de una computadora personal y el sistema operativo Guadalinex. Proporciona instrucciones sobre el uso del ratón, teclado y ventanas. Además, describe cómo organizar y buscar información, y comunicarse a través de correo electrónico y mensajería instantánea en Internet. El objetivo es familiarizar a los lectores con las herramientas y conceptos básicos de las nuevas tecnologías.
This document introduces the basic components of a computer and the Guadalinfo operating system, provides instructions for using a mouse and keyboard to navigate the operating system, and explains how to organize files and use the internet, email, and instant messaging within the operating system. It aims to help users familiarize themselves with personal computers and take their first steps online.
Este documento presenta un índice detallado de conceptos relacionados con la computación en la nube, la Web 2.0 y las herramientas y plataformas asociadas. Incluye secciones sobre cloud computing, Web 2.0, blogs, wikis, SlideShare, Delicious, YouTube y redes sociales. Cubre los orígenes, características, ventajas y desventajas de cada tema, así como ejemplos populares como Wikipedia, Facebook y Twitter. El documento ofrece una visión general amplia de estas tecnologías emergentes y su impacto
Índice de libro: "Spring Boot & Angular: Desarrollo de WebApps Seguras. Tomo ...Telefónica
Este es el índice del libro "Spring Boot & Angular: Desarrollo de WebApps Seguras. Tomo 2: Spring Boot." de 0xWord. Los dos tomos están disponibles en estas URLS:
- Spring Boot & Angular: Desarrollo de WebApps Seguras Tomo 1:Angular
https://0xword.com/es/libros/134-spring-boot-angular-desarrollo-de-webapps-seguras.html
- Spring Boot & Angular: Desarrollo de WebApps Seguras Tomo 2: Spring boot
https://0xword.com/es/libros/147-spring-boot-angular-desarrollo-de-webapps-seguras-tomo-2-spring-boot.html
El documento proporciona una introducción general a la aplicación Abies, diseñada para automatizar las bibliotecas escolares. Explica brevemente el concepto moderno de biblioteca escolar, los objetivos de la automatización y las características generales de Abies. También resume las principales novedades incorporadas en la versión 2.0 de la aplicación, como un nuevo depósito de datos, compatibilidad con redes, mayor seguridad y nuevas funcionalidades en catalogación, préstamos y estadísticas.
Este documento presenta un curso básico de Microsoft Access XP de 25 horas de duración impartido por el Servicio de Informática de la Universidad de Córdoba en julio de 2004. El curso cubre temas como la creación y manejo de tablas, consultas, formularios e informes en Access, así como las mejoras introducidas en Access XP.
Este documento presenta un curso básico de Microsoft Access XP de 25 horas de duración impartido por el Servicio de Informática de la Universidad de Córdoba en julio de 2004. El curso cubre temas como la creación y manejo de tablas, consultas, formularios e informes en Access, así como las mejoras introducidas en Access XP.
Este documento presenta un curso básico de Microsoft Access XP de 25 horas de duración impartido por el Servicio de Informática de la Universidad de Córdoba en julio de 2004. El curso cubre temas como la creación y manejo de tablas, consultas, formularios e informes en Access, así como las mejoras introducidas en Access XP.
Este documento presenta un curso básico de Microsoft Access XP de 25 horas de duración impartido por el Servicio de Informática de la Universidad de Córdoba. El curso introduce los conceptos básicos de las bases de datos, incluyendo tablas, registros, campos, bases de datos planas y relacionales. También cubre cómo crear y trabajar con tablas, consultas, formularios e informes en Access.
Este documento presenta un curso básico de Microsoft Access XP de 25 horas de duración impartido por el Servicio de Informática de la Universidad de Córdoba. El curso introduce los conceptos básicos de las bases de datos, incluyendo tablas, registros, campos, bases de datos planas y relacionales. También cubre cómo crear y trabajar con tablas, consultas, formularios e informes en Access.
Este documento presenta una introducción al curso de Microsoft Access XP Nivel Básico. Explica conceptos clave como tablas, registros, campos, bases de datos planas y relacionales. También describe los pasos para diseñar una base de datos, como definir tablas y campos, y la necesidad de bases de datos en red para que múltiples usuarios puedan acceder a los datos de forma simultánea. El curso durará 25 horas e incluirá capítulos sobre tablas, consultas, formularios e informes.
Este documento presenta un manual sobre AJAX. Explica los fundamentos tecnológicos de la web como HTML, CSS, DOM y JavaScript. Describe las características de las aplicaciones web convencionales y sus limitaciones. Luego introduce las tecnologías AJAX como una solución para crear aplicaciones web más dinámicas y con características similares a aplicaciones de escritorio. El documento contiene varios capítulos que explican conceptos y técnicas clave de AJAX como el objeto XMLHttpRequest, herramientas de depuración, mé
Este documento proporciona una introducción a AJAX y las tecnologías subyacentes como HTML, CSS, DOM y JavaScript. Explica las características de las aplicaciones web convencionales frente a las aplicaciones web ricas e interactivas habilitadas por AJAX. Luego describe las herramientas de depuración y las técnicas para realizar peticiones de información y actualizar dinámicamente el contenido de la página mediante AJAX. Finalmente, presenta varios ejemplos prácticos de uso de AJAX.
Sistema para la Evaluación del Aprendizaje en entornos B-LearningHéctor Garduño Real
Este documento presenta el desarrollo de un sistema web para la evaluación del aprendizaje en entornos de educación presencial y en línea. Actualmente, el proceso de evaluación en las escuelas se realiza principalmente a través de exámenes en papel, lo que es ineficiente y propenso a errores. El sistema permitirá gestionar el ciclo de vida de los exámenes de manera digital para superar las limitaciones del método tradicional. El documento describe el marco teórico, la metodología y las herramient
TESIS - “Elaboración de un proyecto de inversión para la creación de una empresa desarrolladora de software a la medida en Atlacomulco Estado de México. Año 2009”
Solo Word y Excel
- Home & Student: Word, Excel, PowerPoint y OneNote
- Home & Business: Todo Office + Outlook
- Professional: Todo Office + Access
- Professional Plus: Todo Office + Publisher + Acces
- Standard: Todo Office sin Publisher ni Access
- Project: Todo Office + Project
- Visio: Todo Office + Visio
- SharePoint Designer: Todo Office + SharePoint Designer
- Exchange: Todo Office + Exchange
- Office 365: Suscripción mensual/anual con todas las apps
Autor:HéctorGarduñoReal
LibreOffice
• Es una
Este documento presenta información sobre dispositivos de interconexión de redes como módems, switches, multiplexores y hubs. Explica que los módems convierten señales entre digital y analógico para conectar redes a través de líneas telefónicas y que existen diferentes tipos como ADSL. Los switches aprenden direcciones MAC para encaminar paquetes a velocidad en capa 2. Los multiplexores permiten el envío de datos a través de un solo medio desde múltiples entradas. Los hubs amplían la red pero
Este documento presenta una introducción a los fundamentos de las redes de computadoras. Explica brevemente la historia y evolución de las redes desde las primeras computadoras hasta Internet. También define conceptos clave como topologías físicas, lógicas, clasificaciones de redes y estándares. Finalmente, describe algunas topologías y métodos de acceso comunes como Ethernet, Token Ring y ATM.
Este documento presenta una introducción al desarrollo sustentable. Explica conceptos clave como ecosistema, ciclos biogeoquímicos, y los diferentes escenarios naturales como la atmósfera, litosfera e hidrosfera. También define el desarrollo sustentable como aquel que satisface las necesidades del presente sin comprometer las generaciones futuras, y analiza los límites naturales y tipos de necesidades humanas desde esta perspectiva.
Un Sistema de Gestión de Contenidos (CMS – Content Management System) es un framework que permite a través de una interfaz web, crear y administrar contenidos digitales entre diversos tipos de usuarios, así como administrar usuarios, interfaz, módulos, configuración y en algunos casos varias instancias de repositorios, todo ello sin necesidad de conocimientos técnicos avanzados.
Práctica de Creación de Máquina Virtual con LAMP en Amazon Web ServicesHéctor Garduño Real
El documento describe los pasos para crear una máquina virtual en Amazon Web Services ejecutando Ubuntu Server 14.04 LTS. Estos pasos incluyen la creación e instancia, configuración de la IP pública, instalación del servidor LAMP, y carga de una aplicación web para que sea accesible a través de la dirección IP pública y DNS pública de la instancia.
Práctica con WebGoat: HTTP Splitting, DoS, Ma-licious Execution e Injection F...Héctor Garduño Real
WebGoat el servidor tipo HoneyPot pero con fines educativos resulta bastante útil para real-mente entender cómo funcionan los ataques en la web. Para esta práctica, la cual inicialmente me había centrado en la Lección “Injection Flaws”, se me complicaron un par de ejercicios, le que me obligo a ver los videos en dos ocaciones, por esa razón opte por realizar algunas lec-ciones más.
Este documento describe dos metodologías principales para el desarrollo de aplicaciones web seguras: 1) Security Quality Requirements Engineering (SQUARE), la cual se centra en la obtención y análisis de requisitos de seguridad desde las primeras etapas del desarrollo. 2) Correctness by Construction (CbyC), la cual busca desarrollar sistemas de alta calidad y seguridad mediante la detección temprana de errores a través de técnicas formales y el desarrollo ágil. También menciona otras metodologías como
El documento analiza las bases de datos orientadas a objetos, sus ventajas sobre las bases de datos relacionales, y algunos de sus desafíos actuales. Explica que las bases de objetos almacenan datos como objetos en lugar de tablas, permitiendo el uso del mismo lenguaje de programación para acceder a los datos. También describe algunos de los casos recomendados para su uso, como cuando los datos tienen relaciones complejas o estructuras profundas. Sin embargo, señala que aún faltan estándares y que su uso está limitado a problemas específicos,
Este documento describe la configuración de un repositorio web usando Alfresco en un servidor Ubuntu para gestionar los documentos de un máster. Se crearon estructuras básicas como biblioteca de documentos, usuarios, foro de discusión, wiki, blog y flujos de trabajo. Se muestran imágenes ilustrando estas configuraciones y cómo los usuarios simulados de profesor y alumno interactúan con las diferentes funcionalidades del repositorio.
Práctica de Bases de Datos con MySQL (diseño, desarrollo y uso)Héctor Garduño Real
Ealaboración de una práctica de Base de Datos desde su diseño en modelo Entidad-Relación creado en Gliffy, el modelo Relacional creado en Workbench, ejemplos de consultas SQL y uso de la BD en una aplicación PHP.
Cómo consumir un web service SOAP usando jsp sobre un servidor web GlasFish. El ejemplo es un servicio que genera la CURP (DNI) de una persona y un formulario web cliente que lo consume.
Estudio sobre PHP uno de los lenguajes de programación del lado del servidor y de scripting más usado a nivel mundial. Comparativa con otros lenguajes y casos de éxito de su uso.
Los dialectos ECMAScript y su implementación en los navegadoresHéctor Garduño Real
Este documento proporciona un panorama general sobre ECMAScript, sus diferentes dialectos y las principales implementaciones en los navegadores web. ECMAScript es un lenguaje de scripting multiplataforma e independiente que fue adoptado como estándar. Sus principales dialectos son JavaScript, usado en páginas web, JScript usado en ASP, y ActionScript usado en Flash. Cada implementación puede tener características adicionales además de las definidas en el estándar ECMAScript.
Catalogo Cajas Fuertes BTV Amado Salvador Distribuidor OficialAMADO SALVADOR
Explora el catálogo completo de cajas fuertes BTV, disponible a través de Amado Salvador, distribuidor oficial de BTV. Este catálogo presenta una amplia variedad de cajas fuertes, cada una diseñada con la más alta calidad para ofrecer la máxima seguridad y satisfacer las diversas necesidades de protección de nuestros clientes.
En Amado Salvador, como distribuidor oficial de BTV, ofrecemos productos que destacan por su innovación, durabilidad y robustez. Las cajas fuertes BTV son reconocidas por su eficiencia en la protección contra robos, incendios y otros riesgos, lo que las convierte en una opción ideal tanto para uso doméstico como comercial.
Amado Salvador, distribuidor oficial BTV, asegura que cada producto cumpla con los más estrictos estándares de calidad y seguridad. Al adquirir una caja fuerte a través de Amado Salvador, distribuidor oficial BTV, los clientes pueden tener la tranquilidad de que están obteniendo una solución confiable y duradera para la protección de sus pertenencias.
Este catálogo incluye detalles técnicos, características y opciones de personalización de cada modelo de caja fuerte BTV. Desde cajas fuertes empotrables hasta modelos de alta seguridad, Amado Salvador, como distribuidor oficial de BTV, tiene la solución perfecta para cualquier necesidad de seguridad. No pierdas la oportunidad de conocer todos los beneficios y características de las cajas fuertes BTV y protege lo que más valoras con la calidad y seguridad que solo BTV y Amado Salvador, distribuidor oficial BTV, pueden ofrecerte.
Catalogo Buzones BTV Amado Salvador Distribuidor Oficial ValenciaAMADO SALVADOR
Descubra el catálogo completo de buzones BTV, una marca líder en la fabricación de buzones y cajas fuertes para los sectores de ferretería, bricolaje y seguridad. Como distribuidor oficial de BTV, Amado Salvador se enorgullece de presentar esta amplia selección de productos diseñados para satisfacer las necesidades de seguridad y funcionalidad en cualquier entorno.
Descubra una variedad de buzones residenciales, comerciales y corporativos, cada uno construido con los más altos estándares de calidad y durabilidad. Desde modelos clásicos hasta diseños modernos, los buzones BTV ofrecen una combinación perfecta de estilo y resistencia, garantizando la protección de su correspondencia en todo momento.
Amado Salvador, se compromete a ofrecer productos de primera clase respaldados por un servicio excepcional al cliente. Como distribuidor oficial de BTV, entendemos la importancia de la seguridad y la tranquilidad para nuestros clientes. Por eso, trabajamos en colaboración con BTV para brindarle acceso a los mejores productos del mercado.
Explore el catálogo de buzones ahora y encuentre la solución perfecta para sus necesidades de correo y seguridad. Confíe en Amado Salvador y BTV para proporcionarle buzones de calidad excepcional que cumplan y superen sus expectativas.
KAWARU CONSULTING presenta el projecte amb l'objectiu de permetre als ciutadans realitzar tràmits administratius de manera telemàtica, des de qualsevol lloc i dispositiu, amb seguretat jurídica. Aquesta plataforma redueix els desplaçaments físics i el temps invertit en tràmits, ja que es pot fer tot en línia. A més, proporciona evidències de la correcta realització dels tràmits, garantint-ne la validesa davant d'un jutge si cal. Inicialment concebuda per al Ministeri de Justícia, la plataforma s'ha expandit per adaptar-se a diverses organitzacions i països, oferint una solució flexible i fàcil de desplegar.
HPE presenta una competició destinada a estudiants, que busca fomentar habilitats tecnològiques i promoure la innovació en un entorn STEAM (Ciència, Tecnologia, Enginyeria, Arts i Matemàtiques). A través de diverses fases, els equips han de resoldre reptes mensuals basats en àrees com algorísmica, desenvolupament de programari, infraestructures tecnològiques, intel·ligència artificial i altres tecnologies. Els millors equips tenen l'oportunitat de desenvolupar un projecte més gran en una fase presencial final, on han de crear una solució concreta per a un conflicte real relacionat amb la sostenibilitat. Aquesta competició promou la inclusió, la sostenibilitat i l'accessibilitat tecnològica, alineant-se amb els Objectius de Desenvolupament Sostenible de l'ONU.
Catalogo general tarifas 2024 Vaillant. Amado Salvador Distribuidor Oficial e...AMADO SALVADOR
Descarga el Catálogo General de Tarifas 2024 de Vaillant, líder en tecnología para calefacción, ventilación y energía solar térmica y fotovoltaica. En Amado Salvador, como distribuidor oficial de Vaillant, te ofrecemos una amplia gama de productos de alta calidad y diseño innovador para tus proyectos de climatización y energía.
Descubre nuestra selección de productos Vaillant, incluyendo bombas de calor altamente eficientes, fancoils de última generación, sistemas de ventilación de alto rendimiento y soluciones de energía solar fotovoltaica y térmica para un rendimiento óptimo y sostenible. El catálogo de Vaillant 2024 presenta una variedad de opciones en calderas de condensación que garantizan eficiencia energética y durabilidad.
Con Vaillant, obtienes más que productos de climatización: control avanzado y conectividad para una gestión inteligente del sistema, acumuladores de agua caliente de gran capacidad y sistemas de aire acondicionado para un confort total. Confía en la fiabilidad de Amado Salvador como distribuidor oficial de Vaillant, y en la resistencia de los productos Vaillant, respaldados por años de experiencia e innovación en el sector.
En Amado Salvador, distribuidor oficial de Vaillant en Valencia, no solo proporcionamos productos de calidad, sino también servicios especializados para profesionales, asegurando que tus proyectos cuenten con el mejor soporte técnico y asesoramiento. Descarga nuestro catálogo y descubre por qué Vaillant es la elección preferida para proyectos de climatización y energía en Amado Salvador.
La inteligencia artificial sigue evolucionando rápidamente, prometiendo transformar múltiples aspectos de la sociedad mientras plantea importantes cuestiones que requieren una cuidadosa consideración y regulación.
Catalogo Refrigeracion Miele Distribuidor Oficial Amado Salvador ValenciaAMADO SALVADOR
Descubre el catálogo general de la gama de productos de refrigeración del fabricante de electrodomésticos Miele, presentado por Amado Salvador distribuidor oficial Miele en Valencia. Como distribuidor oficial de electrodomésticos Miele, Amado Salvador ofrece una amplia selección de refrigeradores, congeladores y soluciones de refrigeración de alta calidad, resistencia y diseño superior de esta marca.
La gama de productos de Miele se caracteriza por su innovación tecnológica y eficiencia energética, garantizando que cada electrodoméstico no solo cumpla con las expectativas, sino que las supere. Los refrigeradores Miele están diseñados para ofrecer un rendimiento óptimo y una conservación perfecta de los alimentos, con características avanzadas como la tecnología de enfriamiento Dynamic Cooling, sistemas de almacenamiento flexible y acabados premium.
En este catálogo, encontrarás detalles sobre los distintos modelos de refrigeradores y congeladores Miele, incluyendo sus especificaciones técnicas, características destacadas y beneficios para el usuario. Amado Salvador, como distribuidor oficial de electrodomésticos Miele, garantiza que todos los productos cumplen con los más altos estándares de calidad y durabilidad.
Explora el catálogo completo y encuentra el refrigerador Miele perfecto para tu hogar con Amado Salvador, el distribuidor oficial de electrodomésticos Miele.
1. Universidad Internacional De La Rioja
Máster en Dirección e Ingeniería de Sitios Web
Informe sobre la creación y
uso de herramientas web 2.0
para el SEIE
Presenta: Héctor Garduño Real
Asignatura: Diseño De Sitios Usando Web 2.0
México, 01 de abril de 2015
2. 01 de abril de 2015 Página ii
ÍNDICE DE CONTENIDOS
INTRODUCCIÓN.............................................................................................................................................. 4
1. HERRAMIENTAS EMPLEADAS ................................................................................................................ 4
2. SITIO WEB.............................................................................................................................................. 4
2.1. Creación de cuenta en Weebly ..................................................................................................... 6
2.2. Configuración de sitio web en Weebly.......................................................................................... 7
3. BLOG...................................................................................................................................................... 9
3.1. Creación de una cuenta en WordPress ....................................................................................... 10
3.2. Configuración del blog en WordPress......................................................................................... 11
4. RED SOCIAL.......................................................................................................................................... 14
4.1. Creación de una página en Facebook......................................................................................... 14
4.2. Configuración de la página de Facebook.................................................................................... 16
5. ALMACENAMIENTO EN LA NUBE......................................................................................................... 17
5.1. Configuración de carpeta compartida en Google Drive.............................................................. 18
6. OFIMÁTICA 2.0 .................................................................................................................................... 19
7. MICROBLOG ........................................................................................................................................ 20
7.1. Creación de una cuenta en Twitter............................................................................................. 21
7.2. Configuración de la cuenta de Twitter........................................................................................ 22
8. WIKI..................................................................................................................................................... 22
ÍNDICE DE IMÁGENES
ILUSTRACIÓN 1. CAPTURAS DE PANTALLA DEL SITIO WEB FINALIZADO................................................................................. 5
ILUSTRACIÓN 2. REGISTRO EN WEEBLY......................................................................................................................... 6
ILUSTRACIÓN 3. ELECCIÓN DEL ENFOQUE DEL SITIO EN WEEBLY......................................................................................... 6
ILUSTRACIÓN 4. SELECCIÓN DE PLANTILLA EN WEEBLY..................................................................................................... 6
ILUSTRACIÓN 5. DEFINICIÓN DEL NOMBRE DE DOMINIO EN WEEBLY................................................................................... 6
ILUSTRACIÓN 6. INTERFAZ SIMPLE E INTUITIVA DE WEEBLY .............................................................................................. 6
ILUSTRACIÓN 7. ELECCIÓN DE BACKGROUND EN WEEBLY................................................................................................. 7
ILUSTRACIÓN 8. EDICIÓN DE IMAGEN DE FONDO EN WEEBLY ............................................................................................ 7
ILUSTRACIÓN 9. INSERCIÓN Y EDICIÓN DE ELEMENTOS EN WEEBLY..................................................................................... 7
ILUSTRACIÓN 10. EDICIÓN AVANZADA CON HTML Y CSS EN WEEBLY................................................................................ 7
ILUSTRACIÓN 11. PÁGINAS POR DEFECTO Y PROPIEDADES DE UNA PÁGINA EN WEEBLY .......................................................... 8
ILUSTRACIÓN 12. MENÚ CON LAS 5 PÁGINAS USADAS .................................................................................................... 8
ILUSTRACIÓN 13. EL CONTENIDO DE CADA UNA DE LAS 5 PÁGINAS CREADAS EN WEEBLY........................................................ 8
ILUSTRACIÓN 14. CAPTURA DE PANTALLA DEL BLOG FINALIZADO....................................................................................... 9
ILUSTRACIÓN 15. CREAR CUENTA EN WORDPRESS....................................................................................................... 10
ILUSTRACIÓN 16. DEFINIR NOMBRE DEL DOMINIO EN WORDPRESS................................................................................. 10
ILUSTRACIÓN 17. DEFINIR DATOS DE LA CUENTA Y COMPRA DE NOMBRES DE DOMINIOS...................................................... 10
3. 01 de abril de 2015 Página iii
ILUSTRACIÓN 18. ELECCIÓN DE LA PLANTILLA Y PLAN DE PAGO PARA EL BLOG .................................................................... 10
ILUSTRACIÓN 19. PANEL BÁSICO DE ADMINISTRACIÓN DE WORDPRESS............................................................................ 11
ILUSTRACIÓN 20. PERSONALIZACIÓN DE PLANTILLA DE WORDPRESS................................................................................ 11
ILUSTRACIÓN 21. PLANTILLA DE WORDPRESS YA PERSONALIZADA................................................................................... 11
ILUSTRACIÓN 22. ACCESO A WP ADMIN DESDE EL PANEL BÁSICO ................................................................................... 12
ILUSTRACIÓN 23. EL PANEL DE CONTROL DE WORDPRESS LLAMADO WP ADMIN............................................................... 12
ILUSTRACIÓN 24. AÑADIR NUEVA ENTRADA AL BLOG .................................................................................................... 12
ILUSTRACIÓN 25. CREACIÓN DE UNA NUEVA ENTRADA Y VISUALIZACIÓN DEL RESULTADO..................................................... 12
ILUSTRACIÓN 26. CREACIÓN DE UNA PÁGINA EN WORDPRESS........................................................................................ 13
ILUSTRACIÓN 27. CONFIGURACIÓN DE MENÚS EN EL BLOG Y VISUALIZACIÓN DE LOS RESULTADOS.......................................... 13
ILUSTRACIÓN 28. CONECTAR REDES SOCIALES A WORDPRESS ........................................................................................ 13
ILUSTRACIÓN 29. EJEMPLO DE OTORGAR PERMISO A WORDPRESS PARA QUE PUBLIQUE EN UNA PÁGINA DE FACEBOOK ............ 13
ILUSTRACIÓN 30. CAPTURA DE PANTALLA UNA VEZ FINALIZADA LA CONFIGURACIÓN DE LA RED SOCIAL EN FACEBOOK................ 14
ILUSTRACIÓN 31. INICIAR LA CREACIÓN DE UNA PÁGINA EN FACEBOOK ............................................................................ 14
ILUSTRACIÓN 32. INICIAR SESIÓN EN FACEBOOK .......................................................................................................... 15
ILUSTRACIÓN 33. ESPECIFICAR EL TIPO DE PÁGINA DE FACEBOOK .................................................................................... 15
ILUSTRACIÓN 34. PROPORCIONAR INFORMACIÓN SOBRE LA PÁGINA DE FACEBOOK Y CARGAR FOTO DE PERFIL ......................... 15
ILUSTRACIÓN 35. DEFINIR PÚBLICO OBJETIVO DE LA PÁGINA........................................................................................... 15
ILUSTRACIÓN 36. ANTES Y DESPUÉS DE PERSONALIZAR LA PORTADA DE LA PÁGINA EN FACEBOOK.......................................... 16
ILUSTRACIÓN 37. COMPLETAR LA INFORMACIÓN DE LA PÁGINA DE FACEBOOK................................................................... 16
ILUSTRACIÓN 38. CREACIÓN DEL BOTÓN DE LLAMADA DE ACCIÓN EN FACEBOOK................................................................ 16
ILUSTRACIÓN 39. CARPETA COMPARTIDA EN GOOGLE DRIVE ......................................................................................... 17
ILUSTRACIÓN 40. CREACIÓN DE CARPETA EN GOOGLE DRIVE ......................................................................................... 18
ILUSTRACIÓN 41. OPCIÓN "COMPARTIR" EN GOOGLE DRIVE ......................................................................................... 18
ILUSTRACIÓN 42. PERSONALIZAR LA OPCIÓN DE COMPARTIR UNA CARPETA....................................................................... 18
ILUSTRACIÓN 43. CARGA DE ARCHIVOS A CARPETA COMPARTIDA DE GOOGLE DRIVE........................................................... 19
ILUSTRACIÓN 44. CREACIÓN DE UN DOCUMENTO DE TEXTO EN GOOGLE DRIVE ................................................................. 19
ILUSTRACIÓN 45. DOCUMENTO DE TEXTO EN GOOGLE DRIVE ........................................................................................ 19
ILUSTRACIÓN 46. VISTA DE LA CARPETA DE USUARIOS PÚBLICOS ..................................................................................... 20
ILUSTRACIÓN 47. VISTA DEL DOCUMENTO DE USUARIOS CON PERMISOS DE EDITAR ............................................................ 20
ILUSTRACIÓN 48. VISTA DEL DOCUMENTO POR UN USUARIO SIN PERMISOS DE EDICIÓN....................................................... 20
ILUSTRACIÓN 49. CAPTURA DE PANTALLA DE TWITTER UNA VEZ CONFIGURADO ................................................................. 21
ILUSTRACIÓN 50. LOS TRES PRIMEROS PASOS PARA CREAR UNA CUENTA EN TWITTER.......................................................... 21
ILUSTRACIÓN 51. CAMBIO DE IMAGEN DE CABECERA Y DATOS DE PERFIL BÁSICOS EN TWITTER.............................................. 22
ILUSTRACIÓN 52. PÁGINA PRINCIPAL DEL WIKI............................................................................................................. 22
ILUSTRACIÓN 53. CONSULTA SIN RESULTADOS Y OPCIÓN DE CREAR LA PÁGINA................................................................... 23
ILUSTRACIÓN 54. LA CREACIÓN DE UNA CUENTA EN MEDIAWIKI SOLO IMPLICA UN PASO..................................................... 23
ILUSTRACIÓN 55. REDACCIÓN DE LA PÁGINA CON WIKITEXTO ......................................................................................... 23
ILUSTRACIÓN 56. NUEVA PÁGINA LISTA PARA SER CONSULTADA Y MODIFICADA POR OTROS.................................................. 23
4. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 4 de 23
INTRODUCCIÓN
Este trabajo describe y justifica de forma detallada la creación y uso de diversas herramientas web
2.0 para el proyecto del Trabajo de Fin de Máster (TFM) denominado Sistema de Evaluación para
Instituciones Educativas (SEIE) que servirán de para comenzar a delinear los primeros parámetros
del TFM y permitir al estudiante y al tutor el trabajo de forma colaborativa.
Así pues, a lo largo de los siguientes temas se detalla el procedimiento para la creación de cuentas
para cada herramienta, así como la configuración necesaria para cumplir los objetivos antes mencio-
nados.
1. HERRAMIENTAS EMPLEADAS
A continuación se muestra una tabla con las herramientas empleadas así como las respectivas direc-
ciones desde las cuales se puede acceder, los criterios empleados para la elección de cada una de ellas
se detallan en los respectivos temas
2. SITIO WEB
La empresa del famoso buscador, tiene su herramienta para crear sitios web llamada Google Sites,
que resulta ser muy básico quedando incluso algo obsoleta ante los competidores del mismo sector,
pues presenta opciones muy limitadas, y en especial en cuanto a diseño el cual resulta muy pobre.
Quizá las únicas ventajas que se le puedan destacar son que permite el control de versiones y la
edición colaborativa. Así pues, Google Sites resulta ser más adecuado a quien esté totalmente enfo-
cado en el contenido y no le dé mayor importancia al diseño y funcionalidad, si por el contrario lo
que se busca es ganar adeptos y hacer algo de mercadotecnia, definitivamente esta es la peor opción,
y esta es precisamente la razón por la que no se usa para este proyecto.
Por otra parte, también es posible encontrar en la web una variedad de sitios web que ofrecen el
servicio de crear sitios web con unos cuantos clics, entre ellos se encuentran Wix, Squarespace y
1&1, que son muy buenas opciones pues cuentan con características interesantes, pero quizás esa sea
Herramienta Nombre Dirección URL
Sitio Web Weebly http://sistemadeevaluacion.weebly.com
Blog WordPress https://sistemadeevaluacioneducativa.wordpress.com/
Red Social Facebook https://www.facebook.com/sistemadeevaluacion
Almacenamiento
en la nube
Google Drive
http://goo.gl/CGcZbq
Ofimática 2.0 Google Docs http://goo.gl/YcnSbi Permiso solo visualización
Microblog Twitter https://twitter.com/sis_evalua
Wiki MediaWiki http://52.10.233.12/wiki/
5. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 5 de 23
la razón por la que no cuentan con versiones gratuitas, solo de pago, razón por la cual tampoco son
contempladas para este proyecto.
Finalmente, entre las opciones que presentan versión gratuita se encuentran Jimdo y Weebly,
que son los dos principales y más populares servicios que cumplen esta característica. Ambos tienen
características aparentemente muy similares según se pueden ver en sus respectivas webs, de hecho
si se buscan opiniones de usuarios estas serán muy parejas, pero definitivamente al probar ambas
opciones, es fácil decidirse por Weebly, ya que cuenta una interfaz muy limpia y fácil de usar, lo que
hace que sea fácil de sacrificar las pequeñas funciones que ofrece como ventaja su competidor. Así
que la herramienta elegida después de haber probado ambas es Weebly, obteniendo como resultado
el siguiente sitio web.
http://sistemadeevaluacion.weebly.com/
Ilustración 1. Capturas de pantalla del sitio web finalizado
6. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 6 de 23
2.1. Creación de cuenta en Weebly
El proceso para iniciarse en Weebly es ex-
tremadamente sencillo, simplemente al en-
trar a su sitio web se muestra un formulario
de registro con los campos de usuario, email
y contraseña. Al dar clic sobre el botón se
inicia un asistente que irá guiando de forma
fácil todo el proceso.
El siguiente paso consiste en elegir el
enfoque que tendrá el sitio web y para lo cual
se ofrecen tres opciones como se puede ver
en la imagen. Como lo aclara en la parte inferior, no im-
porta el enfoque elegido, se tendrá acceso a todas las ca-
racterísticas.
Posteriormente debe elegirse un tema o plantilla en-
tre las opciones que se ofrecen, que aunque son escazas
en número, resultarán suficientes y adecuadas para la
mayoría de los caso. Y para finalizar, deberá definirse el
tipo de nombre de dominio a usar. Hecho esto la página
estará disponible para que se comience a realizar cam-
bios en el sitio web.
La interfaz de usuario es bastante sim-
ple de usar, ya que solo hay que posicio-
narse sobre el elemento que se desea modi-
ficar para que se muestren las diferentes
opciones de modificación, mientras que si
se desean agregar nuevos elementos, bas-
tará con arrastrarlos del panel lateral.
Ilustración 2. Registro en weebly
Ilustración 3. Elección del enfoque del sitio en
weebly
Ilustración 4. Selección de plantilla en weebly
Ilustración 5. Definición del nombre de dominio en weebly
Ilustración 6. Interfaz simple e intuitiva de Weebly
7. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 7 de 23
2.2. Configuración de sitio web en Weebly
Una de las primeras cosas que se pueden empezar a ha-
cer es a sustituir los textos de la página principal en
donde aparezca un “Haga click para…”, así como cam-
biar la imagen de fondo que emplea el tema, para lo cual
se tienen imágenes predefinidas pero también se cuenta
con la opción de cargarlas desde la computadora. Algo
que resulta interesante es que a la imagen de fondo (y al
resto de imágenes cargadas) se les pueden aplicar efec-
tos o recortes.
Una vez concluida la edición de la ima-
gen de fondo, se puede continuar con la edi-
ción del resto de los elementos de la página, si
hace falta pueden arrastrarse los elementos
desde el panel izquierdo y luego editarlos.
Desde el menú superior llamado “Diseño” es posible rea-
lizar cambios en el tema para todo el sitio web,
cambiar los tipos de letra o el fondo, e
incluso realizar cambios de apariencia
un poco más avanzados, como por
ejemplo la edición de código HTML y
CSS, algo que necesita unos conoci-
mientos mínimos para poder cambiar.
Ilustración 7. Elección de background en Weebly
Ilustración 8. Edición de imagen de fondo en weebly
Ilustración 9. Inserción y edición de elementos en weebly
Ilustración 10. Edición avanzada con HTML y CSS en weebly
8. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 8 de 23
Para el proyecto es necesario la existencia de ciertas páginas o secciones que se muestren desde
el menú, estás páginas se gestionan desde el menú superior llamado “Páginas”, las cuales como se
muestran en las siguientes imágenes, debe indicarse el tipo de página que se va a crear, el diseño de
la página, definir su visibilidad y finalmente la meta-información que será agregada para cada página
ya que ello mejorará el posicionamiento SEO.
Para el caso del proyecto será necesario tener la siguiente estructura de páginas, de las cuales las
que se muestran con sangría son solo enlaces directos a URLs externas. Así mismo, las diferentes
páginas se han diseñado de la siguiente manera, como se muestra en las imágenes.
Ilustración 11. Páginas por defecto y propiedades de una página en weebly
Ilustración 12. Menú con las
5 páginas usadas
Ilustración 13. El contenido de cada una de las 5 páginas creadas en weebly
9. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 9 de 23
3. BLOG
Dentro de las opciones gratuitas disponibles para crear un blog se encuentran Blogger, Tumblr,
WordPress, Joomla y Drupal. Las dos primeras opciones, es decir, Blogger y Tumblr no se contem-
plarán para este proyecto ya que solo se ofrecen como servicio, es decir, en el momento en el que se
llegase a tener un servidor o hosting propio, la posibilidad de migrar el blog son nulas, debido a que
son sistemas cerrado.
Por el contrario WordPress, Joomla y Drupal son los tres líderes indiscutibles del sector, y de los
cuales se descarta como opción a Drupal, debido a que es una opción muy robusta y de la cual se
requiere obligatoriamente un servidor propio o hosting. En cuanto a WordPress y Joomla, ambos
ofrecen el servicio de creación de blogs desde su mismo sitio, así como descargarlo para instalarlo en
servidores propios, sus prestaciones son muy similares, sin embargo Joomla es una solución que está
más enfocada a la administración, por lo que puede parecer algo más complejo de usar para usuarios
no técnicos, mientras que WordPress es una solución que está más dirigida a usuarios que buscan
enfocarse más en el contenido y dejar de lado la parte de gestión de las cuestiones técnicas, aunque
ello no significa que esto haga menos
potente a WordPress, sino que se
ofrece como una herramienta que a
medida que se le van implementando
funcionalidades más robustas va au-
mentando su complejidad de gestión.
Esta es la razón por la que para el
proyecto se ha elegido usar
WordPress, ya que se pretende cen-
trar más en la información que se va
a publicar, pues al no ser un blog que
proyecte millones de visitas concu-
rrentes, se puede sacrificar la parte de
la robustez por una fácil administra-
ción. Así pues el resultado de crear el
blog en WordPress fue el siguiente.
https://sistemadeevaluacioneduca-
tiva.wordpress.com/
Ilustración 14. Captura de pantalla del blog finalizado
10. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 10 de 23
3.1. Creación de una cuenta en WordPress
Al ingresar al sitio web de WordPress resalta el botón
“Crear sitio web”. Una vez que se da clic en él, se
comienza el proceso de creación de cuenta y al mismo
tiempo del blog, dicho proceso consta de cinco pasos
descritos a continuación.
El primer nombre será definir el nombre del
subdominio que tendrá el blog, para este proyecto se
ha decidido usar el nombre de “sistemadeevaluacio-
neducativa”, a continuación en el segundo paso habrá
que definir los datos de la cuenta como se haría en
cualquier otro servicio, es decir email, usuario y con-
traseña.
Posteriormente WordPress ofrecerá la opción de com-
prar un propio nombre de dominio como por ejemplo
“dominio.com”. Ya que el proyecto no lo requiere se
omite esta compra y se usa el subdominio que ofrece
gratuitamente WorPress.
El penúltimo paso con-
siste en elegir el diseño de la
plantilla que se desee para el
blog, y que para este caso se ha
elegido la llamada “Sequential”.
El último paso con el que
se termina el proceso de creación
de la cuenta, es la elección del
plan, y por los motivos que se
han mencionado con anteriori-
dad, se elige la gratuita.
Ilustración 15. Crear cuenta en WordPress
Ilustración 16. Definir nombre del dominio en
WordPress
Ilustración 17. Definir datos de la cuenta y compra de nombres de dominios
Ilustración 18. Elección de la plantilla y plan de pago para el blog
11. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 11 de 23
3.2. Configuración del blog en WordPress
Una vez creada la cuenta, el panel de
control que ofrece WordPress es una
versión extremadamente simple, diri-
gida para aquellos que tienen conoci-
miento técnicos muy bajos, la ilustra-
ción 19 muestra dicho panel, que para
este proyecto no será el que se usará.
Para iniciar la configuración lo primero
que se hará será personalizar la plantilla
usada en el blog, por lo que se dará clic
en el botón “Personalizar tu sitio” que
aparece en la pantalla de bienvenida,
pero que también aparece en el otro pa-
nel. En la nueva vista que se abre se pro-
cederá a hacer las configuraciones bási-
cas tales como definir el nombre del en-
cabezado, colores y los widgets a usar.
Una vez hechas todas las configu-
raciones antes mencionadas, se obtiene
un blog que se mostrará como en la ima-
gen 21.
Ilustración 19. Panel básico de administración de WordPress
Ilustración 20. Personalización de plantilla de WordPress
Ilustración 21. Plantilla de WordPress ya personalizada.
12. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 12 de 23
Para tener un mejor control sobre las configuraciones se usará
el panel avanzado, para lo cual se encuentra un enlace en el panel
básico, así que habrá que da clic sobre “WP Admin”.
Uno de los primero pasos a realizar es la publicación
de una entrada, por lo que se realizará una nueva para sus-
tituir la publicación de prueba que viene por defecto. Para
ello en el WP Admin, desde el menú lateral elegir “Entra-
das” y una vez que se esté en “Todas las entradas”, se podrá
eliminar la entrada Hola mundo que viene por defecto, una
vez hecho esto se podrá dar clic en “Añadir nueva” que se
encuentra disponible desde el mismo menú lateral o como
botón en las entradas. En la nueva vista solo bastara con
redactar el texto y darle formato con todas las opciones que
se encuentran disponibles, en este caso, se definió como “Minientrada”.
Así mismo, algo que debe también suele ser muy común es crear páginas en lugar de entradas
con la finalidad de que estás permanezcan siempre fijas sin que se organicen cronológicamente, lo
que comúnmente se usa para crear páginas tipo “Acerca de nosotros”, así que para éste proyecto, se
realizará una página con ese mismo objetivo, tal y como se muestra en la imagen 26.
Ilustración 22. Acceso a WP Admin
desde el panel básico
Ilustración 23. El panel de control de WordPress llamado WP Admin
Ilustración 24. Añadir nueva entrada al blog
Ilustración 25. Creación de una nueva entrada y visualización del resultado
13. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 13 de 23
Algo también importante que debe
configurarse es el menú que aparece en
la parte superior del encabezado para
que el usuario pueda navegar adecuada-
mente, para lo cual en el WP Admin se
elige “Apariencia” y luego “Menús”.
Una vez ahí, se agregaron la página prin-
cipal (Inicio) y la página Nosotros
(Quiénes somos) como menús de primer
nivel, posteriormente usando una cate-
goría creada previamente, se creó un tercer menú de primer nivel llamado “Sitios” que se usó para
agregar los submenús de enlaces a los otros sitios web, tal y como se puede apreciar en la imagen.
Ilustración 27. Configuración de menús en el blog y visualización de los resultados
Finalmente solo resta conectar las cuentas de
redes sociales con el blog, para que al momento
de que se realice una publicación en el blog, se
realicen automáticamente publicaciones en las re-
des sociales sobre la entrada. Para ello solo es ne-
cesario dirigirse al menú “Configuración” y luego
a “Compartir”, una vez ahí habrá que conectar las
respectivas cuentas con un par de clics. En el caso
del presente proyecto, al usarse Facebook y Twitter, serán las únicas cuentas que se configurarán.
Ilustración 26. Creación de una página en WordPress
Ilustración 28. Conectar redes sociales a WordPress
Ilustración 29. Ejemplo de otorgar permiso a WordPress para que publique en una página de Facebook
14. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 14 de 23
4. RED SOCIAL
Una de las más famosas redes sociales por lo menos en Latinoamérica y en países de habla hispana
es Facebook, que tiene una gran cantidad de usuarios. Así que para esta ocasión para el proyecto, en
lugar de intentar realizar un análisis para determinar la mejor opción de red social, se hará por cuestión
de alcance y difusión que tiene la misma herramienta, así pues, Facebook fue la elegida y el resultado
después de las configuraciones es el que se muestra a continuación.
https://www.facebook.com/sistemadeevaluacion
Ilustración 30. Captura de pantalla una vez finalizada la configuración de la red social en Facebook
4.1. Creación de una página en Facebook
El presente procedimiento omite la creación de una cuenta de usuario de Facebook, ya que al ser
demasiado fácil, muy común y además estar fuera del objetivo del proyecto, se explicara el procedi-
miento para la creación de una página, que como lo dice en la página principal, en lugar de ser para
personas, será para celebridades, negocios o grupos sociales que buscan obtener un público y llevar
las estadísticas y seguimiento de ello. Así pues, el primer paso al entrar a la página de Facebook, será
ir a la parte inferior, y en lugar de usar el
botón para crear una cuenta, se dará clic en
el enlace “Create a Page”, esto llevara a una
nueva página en donde iniciará el proceso
de creación de una página de Facebook.
Como se mencionó anteriormente, es nece-
sario contar con una cuenta de usuario, por
lo que el primer paso será iniciar sesión. Ilustración 31. Iniciar la creación de una página en Facebook
15. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 15 de 23
Una vez hecho esto, se pedirá elegir el tipo pá-
gina, y ya que se tratará de un software o aplicación,
la opción más correcta es “Marca o producto”, por lo
que una vez que se dé clic sobre el recuadro, se solici-
tará hacer una clasificación un poco más específica
del mismo.
Posteriormente se realizará una configuración básica guiada a lo largo de cuatro pasos. En el
primero se pide proporcionar un poco de información relacionada con la página, y sobre todo la
URL que tendrá la misma en Facebook y por la cual otros la podrán localizar. El siguiente paso
consistirá en definir la foto de perfil, que en este caso será el logotipo.
Los siguientes pasos también muy senci-
llos, serán para agregar la página a los favori-
tos de la cuenta del usuario y a definir el pú-
blico objetivo.
Ilustración 32. Iniciar sesión en Facebook
Ilustración 33. Especificar el tipo de página de Facebook
Ilustración 34. Proporcionar información sobre la página de Facebook y cargar foto de perfil
Ilustración 35. Definir público objetivo de la página
16. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 16 de 23
4.2. Configuración de la página de Facebook
En realidad la configuración de la página también resulta muy sencillo, ya que solamente habrá que
darle un poco de diseño cargando alguna imagen, así como completar la información de la página con
más información para que esto haga que Facebook ayude a encontrar más fácilmente público objetivo.
La primera configuración que se realizó fue sobre la portada, para lo cual se cargó una imagen y
también se creó una llamada de acción para que el usuario vaya directamente al sitio web, tal como
se muestra en las siguientes imágenes.
Finalmente se editó la sec-
ción de información para com-
plementar los datos tal como se
muestra en la siguiente imagen.
Ilustración 36. Antes y después de personalizar la portada de la página en Facebook
Ilustración 38. Creación del botón de llamada de acción en Facebook
Ilustración 37. Completar la información de la página de Facebook
17. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 17 de 23
5. ALMACENAMIENTO EN LA NUBE
Al día de hoy hay una amplia variedad de servicios que permiten el almacenamiento en la nube, de
los cuales destacan DropBox, OneDrive y Google Drive, y de los cuales se hará la elección de alguno
de ellos para usarlo a lo largo del Trabajo de Fin de Máster (TFM).
Como usuario activo de los tres servicios, puedo afirmar que en lo que respecta a DropBox es
una buena herramienta, pero que esta solo está enfocada al almacenamiento. En cuanto a OneDrive y
Google Drive, ambos ofrecen almacenamiento pero también la oportunidad de edición de documen-
tos, OneDrive a través de Office Online y Google Drive a través de Google Docs.
Si solo importará el almacenamiento, se podría elegir sin problema cualquiera de las tres opcio-
nes, sin embargo, ya que para el TFM se pretende dar revisiones de la memoria, entonces se descarta
DropBox. En lo que respecta a OneDrive resulta buena pues lleva a la web los famosos Word, Po-
werPoint y Excel, sin embargo ya que estos son de pago las características que presentan en la versión
online son reducidas además de que la interfaz de momento llega a ser un poco más lenta. Por el
contrario Google Docs tiene una variedad más amplia de opciones y herramientas, y ello sin contar
con la gran cantidad de herramientas desarrolladas por terceros y que se integran con Google Drive,
por ejemplo si se desean diseñar diagramas, si se desea editar video o imágenes, etc., todas esas he-
rramientas permiten almacenar directamente en Google Drive.
Por ello, la herramienta elegida es Google Drive, ya que a pesar la pequeña baja incompatibilidad
que presenta con los documentos de Microsoft Office se contrarresta con la amplia variedad que
características que se permiten en los documentos de Google Docs, así como con el alto grado de
integración de herramientas de terceros en Google Drive, el resultado entonces, es el siguiente:
Ilustración 39. Carpeta compartida en Google Drive
18. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 18 de 23
5.1. Configuración de carpeta compartida en Google Drive
Para hacer uso del servicio de Google Drive solo basta ser usuario de Google, posteriormente acceder
a drive.google.com y ahí realizar los siguientes pasos. Primero, dar clic en el botón “Nuevo” que se
encuentra en la parte superior izquierda para posteriormente dar clic sobre la opción “Carpeta”, tal
como se muestra en la siguiente imagen.
Ilustración 40. Creación de carpeta en Google Drive
Al hacer esto se solicitará asignar el nombre de la car-
peta, que para este caso fue “TFM-Héctor_Garduño”. Una
vez creada la carpeta, habrá que dar clic derecho sobre ella
y luego elegir la opción “Compartir…” esto hará que se
despliegue un cuadro de diálogo en donde se configurará
con unos cuantos clics la forma en que se va a compartir
la carpeta.
En el cuadro de diálogo mostrado, simplemente se po-
dría escribir un correo electrónico y establecer sus permi-
sos, que en este caso serían para todo el contenido de la
carpeta, sin embargo en esta ocasión solo se permitirán permisos de lectura para todo el público ya
que no se cuenta con el email del tutor.
Quizás más adelante este permiso al tutor
se le podría asignar directamente sobre
un solo archivo y no sobre toda la car-
peta.
Así pues en el cuadró de diálogo bas-
tará con hacer clic en la parte superior de-
recha que dice “Obtener enlace para
compartir”, esto generará una URL aso-
ciada a un permiso que por defecto es
solo visualización. Ese es el enlace que
se debe proporcionar a las personas que
Ilustración 41. Opción "Compartir" en Google
Drive
Ilustración 42. Personalizar la opción de compartir una carpeta
19. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 19 de 23
quieran ingresar al contenido de la carpeta. Cabe resaltar que también está disponible la opción
“Avanzada” desde la cual se permite especificar específicamente quiénes tendrán acceso, incluido el
mismo Google para ofrecer los documentos como parte de los resultados de su buscador.
Ya que la URL es muy larga y compleja, se puede hacer uso de un acortador como goo.gl, el cual
acortó la URL anterior en lo siguiente: http://goo.gl/CGcZbq
Para concluir, solo bastará con crear en dicha carpeta documentos, o como se hará en esta ocasión,
cargarlos, usando para ello la técnica de arrastrar y soltar
Ilustración 43. Carga de archivos a carpeta compartida de Google Drive
6. OFIMÁTICA 2.0
De la mano con el apartado anterior para crear un docu-
mento de acceso público (de momento editable por un
solo usuario) solo bastará entrar a la carpeta que se creó
anteriormente en Google Drive y de forma similar a como
se creó la carpeta, se crea el documento. Al crearse dentro
de una carpeta que ya es compartida, se advierte que este
documento también poseerá los mismos permisos, si estás
no fueran las circunstancias o por el contrario, no se qui-
siera compartir, entonces habría que dar clic derecho so-
bre el documento y cambiar las opciones de compartir con
otros.
Ilustración 44. Creación de un documento de
texto en Google Drive
Ilustración 45. Documento de texto en Google Drive
20. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 20 de 23
Ilustración 48. Vista del documento por un usuario sin permisos de edición
7. MICROBLOG
El líder indiscutible de microblogs es Twitter, una herramienta muy conocida que no necesita carta
de presentación y que sus ventajas son ampliamente conocidas. Por ello y sin mayor preámbulo, fue
la herramienta elegida para añadir al proyecto, así pues, una vez realizadas todas las configuraciones,
el resultado es el que se muestra a continuación.
Ilustración 47. Vista del documento de usuarios con permi-
sos de editar
Ilustración 46. Vista de la carpeta de usuarios pú-
blicos
21. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 21 de 23
Ilustración 49. Captura de pantalla de Twitter una vez configurado
7.1. Creación de una cuenta en Twitter
La creación de la cuenta al igual que la mayoría de las herramientas anteriores, consta de unos cuantos
pasos, así que el primero de ellos consiste in ingresar a la página y rellenar los campos de usuario,
email y password. Hecho esto el siguiente paso será elegir el nombre de usuario de twitter así como
verificar su disponibilidad
Ilustración 50. Los tres primeros pasos para crear una cuenta en Twitter
Los últimos dos pasos del proceso (de los cuales se omiten las capturas de pantalla) consisten en
elegir la foto de perfil e importar contactos desde la cuenta de correo electrónico, este último paso no
necesario.
22. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 22 de 23
7.2. Configuración de la cuenta de Twitter
Al igual que en Facebook, la configuración básica se realiza de una forma bastante rápida ya que solo
se tiene que dar clic sobre el botón “Editar perfil” y hacer las modificaciones correspondientes.
8. WIKI
Aunque existen unos cuantos wikis tales como DokuWiki, TiddlyWiki o XWiki, la verdad es que el
ganador indiscutible por toda la experiencia que lleva acumulada y por la gran comunidad que lo
respalda es el gran MediaWiki, el sistema que está detrás del gigante Wikipedia. Así que MediaWiki
será la herramienta a usar para el proyecto.
En las wikis existe un término llamado vandalismo, el cual hace referencia a usuarios que realizan
acciones inapropiadas en la wiki, y una de esas acciones es la de agregar contenido sin valor. Fue
precisamente por no querer caer en el vandalismo al agregar información de una tarea que no cabe en
ninguna de las principales wikis existentes que decidí usar un servidor propio e instalar MediaWiki
para realizar dicha actividad.
Ilustración 52. Página principal del wiki
Ilustración 51. Cambio de imagen de cabecera y datos de perfil básicos en Twitter
23. Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web
Diseño de sitios usando Web 2.0
01 de abril de 2015 Página 23 de 23
En la esquina superior derecha se encuentra el enlace que lleva a la página para crear una cuanta,
el proceso solo consiste en ingresar nombre, usuario, email y contraseña, con lo que resulta suficiente
para que se pueda comenzar a editar páginas
En el momento en el que se realice
una búsqueda y no se obtengan resulta-
dos favorables, se le ofrecerá al usuario
la oportunidad de crear dicha página
para colaborar en el wiki. Para ello solo
bastará en dar clic sobre el enlace ofre-
cido.
Así que solo faltará redactar el
texto haciendo uso de wikitexto para fi-
nalmente publicar la página.
Ilustración 54. La creación de una cuenta en MediaWiki solo implica un paso
Ilustración 53. Consulta sin resultados y opción de crear la página
Ilustración 55. Redacción de la página con wikitexto
Ilustración 56. Nueva página lista para ser consultada y mo-
dificada por otros