En el artículo anterior escribimos sobre TODOS los atajos de teclados que podíamos aprender y usar en Windows 10.

Como bien sabréis, saber estos atajos de teclado hace mucho más fácil trabajar con el ordenador, pudiendo acceder o realizar determinadas tareas con uno o dos simples clicks.

 

Pero no sólo Windows dispone de atajos de teclados, los Mac al igual que Linux también disponen de ellos. Evidentemente son otros, pero al fin y al cabo realizan las mismas funciones o muy similares.

El artículo de hoy también consiste en atajos de teclado, pero en esta ocasión os traemos TODOS los atajos de teclados para Mac.

Esperamos que les sean de utilidad.

 

 

Recientemente un cliente nos solicitó que le desarrolláramos un proyecto que tenía en mente, la idea era crear un sitio web con Joomla donde se pudiesen vender cursos online creados con Moodle.

 

Nos hemos puesto manos a la obra y como he visto que el asunto tenía algo de miga, he decidido hacer este artículo para explicaros como he planteado el proyecto.

 

Lo principal, es unir Joomla con Moodle y para ello la mejor solución es utilizar Joomdle.
Joomdle es un sistema muy potente que te permite enlazar ambas cosas sólo en una. Si creas un curso en Moodle automáticamente este se creará en Joomdle y podrás, mediante módulos y plugins, mostrárlos en tu web de Joomla. Pero no solamente esto, también características como:

• Definir diferentes tipos de vistas.
• Asociar los usuarios y grupos de diferentes sistemas.
• Integración con foro (Kunena) y red social (Jomsocial).
• Solicitudes de cursos.
• Vender cursos online (Hikashop y Virtuemart).
• Etc.

 

Con esto, ya tendríamos la integración entre Joomla y Moodle. Para la venta online opté por Hikashop, que actualmente es el único sistema capaz de integrarse con Joomla 3.x, ademas cuenta con una versión gratis, que la verdad cumple con todos los requisitos necesarios para el ecommerce de productos virtuales, como por ejemplo:

• Ver facturas.
• Cambiar el estado de los pedidos.
• Estadísticas de ventas.
• Plugins adicionales.
• Etc.

 

Para terminar, el funcionamiento entre estos es bastante sencillo, desde Joomdle en la configuración de la tienda, elegimos Hikashop y basta con publicar el curso desde Joomdle para que automáticamente se cree como un producto en Hikashop, así de fácil.

 

Os dejamos aquí el sitio en cuestión de nuestro cliente.

 

Siempre que desarrollo una página web utilizo este framework y ya era hora de dedicarle una entrada, porque se lo merece.

 

Hablo de Bootstrap, concretamente de la versión 2.3.2 (es la que más he utilizado) un framework de Twitter que incorpora muchas funcionalidades y herramientas muy útiles que seguro que te enamoran.

 

Es bastante sencillo de instalar, solamente basta con descargar los archivos necesarios y colocarlos en nuestro servidor.

 

Y no olvidar de enlazarlos desde el código de nuestra web:

 

Con esto ya tendríamos Bootstrap instalado y listo para funcionar.
Y ahora, ¿Qué beneficios o características me aporta?

 

Scaffolding

 

Un sistema de filas formado por 12 columnas en las que podrás elegir el tamaño de los componentes y que automáticamente se adaptarán a versiones de pantalla más pequeñas (responsive design) como por ejemplo móviles o tablets.

Es sencillo de utilizar, para conseguir esto:

 

El código HTML seria este:

 

Como veis, utilizando la clase span+número asignamos un tamaño de un div en la fila.

 

Puedes leer más información sobre el Scaffolding aquí.

 

Base CSS

 

Clases predefinidas con estilos bastantes atractivos en los que engloban:

• Tipografía: estilos sobre los textos, tabulaciones, colores, tamaños, etc.
• Código: permite añadir código HTML como texto con un fondo resaltado para informar que es código.
• Tablas: filas y columnas con espaciados, colores en diferentes filas para mejorar la visualización…
• Formularios: alineación de botones preparada según para que formularios, de búsqueda, sesión, etc.
• Botones: diferentes estilos para según el tipo de botón, informativo, proceso terminado, advertencias, peligros, links, etc.
• Imágenes: clases predefinidas para redondear o encuadrar las imágenes.
• Iconos: conjunto de iconos más utilizados en las páginas webs.

 

Puedes leer más información sobre el Base CSS aquí.

 

Componentes

 

Decenas de componentes reutilizables diseñados para proporcionar una navegación mejor. Los componentes son:

• Dropdowns: menú contextual para mostrar una lista de enlaces.
• Grupos de botones: como su nombre indica, un grupo de botones que cumplen un objetivo parecido.
• Menú desplegable: un botón que activa un dropdown con una serie de elementos.
• Navs: pestañas para organizar contenido en fichas.
• Navbar: igual que el anterior, pero con un estilo de barra.
• Breadcrumbs: migas de pan, para orientar al usuario en que parte de la web se encuentra.
• Paginación: botones típicos para la funcionalidad de la paginación.
• Etiquetas: para dar un toque diferente a una parte del texto.
• Tipografía: engloba diferentes tipografías para crear cabeceras.
• Miniaturas: muestra miniaturas de imágenes con un tamaño específico.
• Alertas: muestra mensajes en forma de alerta.
• Barras de progreso: una barra con efectos de carga para indicar al usuario que se está realizando una tarea.
• Objetos de medios: ofrece una imagen al lado de texto para añadir estilo a la web.

 

Puedes leer más información y probar los componentes aquí.

 

JavaScript

 

Conjunto de plugins personalizados para dar vida a tus componentes:

• Transiciones: animación de movimiento para los elementos, opacidad, desplazamientos, etc.
• Modales: ventanas en forma de popup con animación incluida.
• Menús desplegables: elementos de menú desplegables desde otro elemento.
• Scrollspy: control del scroll para crear cambios en los componentes de la web.
• Tab: fichas con pestañas con una animación en el cambio entre ellas.
• Tooltip: personalización del title en los elementos.
• Popover: como tooltip pero añade la posibilidad de añadir contenido dentro del globo.
• Alertas: al cerrarlas produce una transición de opacidad.
• Colapso: contrae y expande fichas para mostrar diferentes contenidos.
• Carrusel: slider de imágenes con títulos y textos.
• Typehead: cuadros te texto con función de autocompletado y predicciones.
• Affix: subnavegación que permite hacer scroll hasta un determinado contenido.

 

Puedes probar todas estas animaciones aquí.

 

Te recomiendo que lo pruebes, al principio puede ser un poco lioso, pero si te acostumbras a utilizarlo verás que no es nada complicado y te ahorrará muchísimo trabajo.

Bootstrap continuará lanzando nuevas versiones, prueba siempre la última versión ya que será la más novedosa y este artículo habla concretamente de la 2.3.2 .

El desarrollo Web es un completo trabajo creativo en el que es necesario entender y elegir correctamente todo un arsenal de herramientas y tecnologías, saber elegir estas tecnologías (después de muchas pruebas y errores) controlar los tiempos de trabajo y llevar a cabo un continuo análisis y test de las decisiones tomadas determinarán el éxito en la dirección y ejecución de un proyecto Web.

El trabajo de desarrollador Web dirigido de forma individual o en grupo requiere de cualidades como son:

- Conocimientos sobre planificación en base a recursos disponibles.
- Ingenio y creatividad.
- Pensamiento lógico matemático.
- Capacidad de análisis y modificación de estrategias sobre la marcha.
- Mentalidad enfocada a objetivos comerciales.
- Habilidades lingüísticas y de copywriting.
- Diseño gráfico (No las artísticas sino las de funcionalidad, composición, conjunto de colores y manejo de tipografías en Web)

El trabajo de desarrollo Web ya sea un proyecto grande o una sencilla página Web corporativa se puede dividir en diferentes etapas que se podrían agrupar en:

1    Diseño de objetivos y análisis.

Debemos de analizar el objetivo del sitio, target o perfil del visitante, tipos de contenido, jerarquías de los contenidos, planificación de los layouts de forma conceptual antes del diseño Web (que sea bonito no quiere decir que esté bien hecho), perfil y habilidades del Webmaster, mantenedor o creador del contenido del sitio Web.

En esta etapa también deberemos de plantear el tipo de tecnologías a utilizar y elegir un proveedor para el alojamiento del sitio Web. Elegir un Hosting bueno es fundamental para el éxito y rentabilidad del trabajo de desarrollo Web, ya que esta elección puede hacer que todo vaya sobre ruedas o que se te presente un camino lleno de baches en algunos casos insalvables (elección de versión de PHP, activación de librerías adicionales para PHP, seguridad, estabilidad, capacidad de respuesta del servidor etc…) O de incumplimiento de Ley de Protección de Datos al contratar Hosting cuyos servidores están fuera de España, esto es importante ya que muchas de las empres1as  que se anunci1an en diferentes medios no son Españolas.

2    Desarrollo.

Esta etapa es un proceso de despliegue, test y vuelta al análisis. Un proceso iterativo a dividir en pequeños procesos que se deben de ir depurando, probar todas las opciones programadas, detectar restricciones o requisitos que no tuvimos en cuenta, probar el funcionamiento del sitio Web en diferentes navegadores y sistemas operativos etc. Para después con todos los errores, fallos y mejoras detectadas volver al estado 1 y analizar nuevamente la funcionalidad de nuestra aplicación Web.

 

3   Mantenimiento.

El mantenimiento del sitio será probablemente la etapa más larga del proyecto, si se trata de un sitio dinámico y comunicativo habrá que desarrollar las herramientas que permitan a los buscadores estar al día del contenido de nuestra Web por ejemplo con las Herramientas para Webmaster de Google. Si nuestro objetivo es aumentar las visitas deberemos de tomar medida de ellas por ejemplo con Google Analytics y establecer informes periódicos que nos faciliten el análisis de la página Web y los resultados de los cambios que se vayan realizando.

Si se trata de un comercio electrónico se deberían de definir las Landing Pages a las que llevarán los anuncios patrocinados y cómo mediremos el ROI de estos anuncios, es comprensible que un Desarrollador Web pueda definir perfectamente la orientación que debe de tomar por ejemplo una campaña en Google Adwords, el Desarrollador Web es una parte importante en la elaboración de campañas publicitarias que las agencias o el departamento comercial de nuestro cliente quiera llevar a cabo en su sitio Web.

Como se puede comprobar el trabajo de Desarrollo Web no se refiere a Diseño gráfico, Programación o Soporte técnico sino que implica tener conocimientos de diversas áreas que permitan planear, dirigir, organizar y ejecutar un proyecto Web con éxito.

Gracias a vosotros seguimos creciendo y por lo tanto nos vemos con el deber de evolucionar nuestros productos y servicios, es por esto que hemos aumentado el número de extensiones (TLD) de nuestros dominios y ya contamos con más de 90 extensiones diferentes para ofreceros.

 

Algunas de las extensiones nuevas son:

• .com.es, .org.es, nom.es
• .cat,
• .singles, .bike, .plumbing, .guru, .clothing, .ventures, .holdings

 

Pero no solamente esto, además, a diferencia de otras empresas, si registras uno de nuestros dominios también te llevas totalmente gratis:

• Una cuenta de correo con 1GB de espacio para que puedas dar una imagen más profesional.
• Alias y redirecciones de correo para redirigir todos los mensajes a otra cuenta diferente.
• Redirecciones Web para que apuntes tu dominio hacia una página web existente.
• Gestión de DNS para configurar tus dominios como quieras.
• Webmail con tu nombre para que accedas desde el navegador a tus cuentas de correo.
• Panel Plesk privado para configurar todas estas opciones donde y cuando sea.
• Respuesta automática para enviar a las personas que te manden mensajes.
• Antivirus para mantener limpia tu bandeja de entrada.

 

Si quieres ver toda la información al completo puedes hacer clic aquí.

 

¡En Hostingato, tener un dominio nunca fue tan fácil y variado!

Hasta hace unos años, se tenía el concepto de que una vez se está trabajando, no hace falta actualizarse en materia o contenido dentro de dicho trabajo, al contrario, la gente se creía que con el simple hecho de ir a trabajar era suficiente. Todos los días era lo mismo, todo muy monótono, repetías el mismo proceso día tras día, implementando los cambios justos, pero en general centrándose en lo que solíamos hacer.

Hoy día esta mentalidad ha cambiado completamente. Actualmente hay que estar en todo momento actualizado de todo lo que nos rodea, nuevas plataformas, nuevas formas de trabajar, y, sobre todo, seguir los pasos de la competencia para intentar en todo momento superarlos y superponerse ante ellos.

Esto mismo se puede aplicar a cualquier aspecto de la vida, tanto dentro del mundo laboral como dentro del mundo personal. Todo lo que nos sucede y sucederá es una sucesión de hechos que irán evolucionando conforme va pasando el tiempo, llegando al punto de que hoy es una cosa, y mañana es otra cosa totalmente distinta.

Si esta misma teoría la extrapolamos al mundo laboral, podemos llegar a la conclusión de que “todo llega, todo pasa”, y sobre todo si nos referimos al mundo tecnológico, un sector en evolución y cambios constantes, en el que, en muchas ocasiones, ni siquiera nos damos cuenta de que lo que ayer estábamos utilizando ya está totalmente desfasado y hay que ponerse al día con las nuevas tecnologías.

Esta es la razón por la que, a día de hoy, existan tantísimos cursos, certificaciones, master y carreras distintas, porque hay que estar innovando y actualizándose constantemente.

Para que podáis estar al día en todo momento, hoy os traemos un conjunto de cursos universitarios online totalmente gratuitos de distintas especialidades, para que cada uno escoja aquel que más se adapte a sus necesidades.

Ingeniería e informática.
-    Bases Matemáticas: Números y terminologías. (Universidad Politécnica de Valencia)
-    Bases Matemáticas: Álgebra. (Universidad Politécnica de Valencia)
-    Clasificación de imágenes: ¿cómo reconocer el contenido de una imagen? (Universidad Autónoma de Barcelona)
-    Tecnologías para la Educación.
-    Cómo autoconstruir tu vivienda. (Universidad Nacional Autónoma de México)
-    Excel. (Universidad Politécnica de Valencia)
-    Buscar en internet. (Universidad Politécnica de Valencia)
-    Fundamentos de Comunicaciones Ópticas. (Universidad Politécnica de Valencia)
-    Android: Introducción a la Programación. (Universidad Politécnica de Valencia)
-    Introducción al desarrollo de videojuegos con Unity. (Universidad Politécnica de Valencia)

Ciencias.
-    Introducción a la Estructura de la Materia. (Universidad Politécnica de Valencia).
-    Conceptos y Herramientas para la Física Universitaria. (Tecnológico de Monterrey). Comienza el 6 de junio.
-    Fundamentos de electromagnetismo para Ingeniería. (Universidad Politécnica de Valencia) Comienza el 7 de junio.
-    Bases Matemáticas: Integrales. (Universidad Politécnica de Valencia) comienza el 7 de junio.
-    Bases Matemáticas: Derivadas. (Universidad Politécnica de Valencia)
-    Reacciones Química y Cálculos Estequiométricos. (Universidad Politécnica de Valencia) Comienza el 28 de junio.

Empresariales.
-    Introducción a la gestión de proyectos. (Universidad Politécnica de Valencia) comienza el 14 de junio.
-    Introducción a la inversión bursátil. (Universidad Politécnica de Valencia)

Artes y humanidades.
-    Composición de canciones. (Berclee college of Music) Comienza el 6 de junio.
-    Corrección, estilo y variaciones de la lengua española. (Universidad Autónoma de Barcelona) Comienza el 6 de junio.
-    The Mediterranean, a Space of Exchange (From the Renaissance to Enlightenment). (Universidad de Barcelona) Comienza el 3 de junio.

Todos estos cursos son en español. Aquellos que no tienen fecha de comienzo es porque se pueden realizar cuando uno quiera a partir de junio.
Esperemos que les hayan servido estos cursos, porque recuerda, si hoy no estas actualizado para mañana, puede ser que mañana sea demasiado tarde para actualizarse.