Herramientas para programación

Estas son algunas de las herramientas populares relacionadas con la programación

1.Sublime Text

El famoso editor de código está disponible en formato snap. Sublime Text fue uno de los primeros editores de código que nació para Ubuntu y que a pesar de contar con licencia, es un editor de código muy popular y potente entre los usuarios Gnu/Linux.

2.Visual Studio Code

El popular editor de código de Microsoft también está en formato snap. Este editor se ha vuelto muy popular entre los programadores debido a sus conexiones con repositorios Git. Pero su facilidad de uso y su modularidad ha hecho que muchos programadores opten por este editor de código.

3. Android Studio

En este caso no hablamos de un editor de código sino de un IDE completo. Android Studio es un IDE creado a partir de Eclipse para crear apps para Android. También podemos crear aplicaciones multiplataforma de Java, pero el IDE está orientado a Android. Gracias a Snap podemos instalar esta herramienta de una forma rápida y sencilla para todo el mundo.

4. PyCharm

El lenguaje Python se ha vuelto muy popular entre los programadores novatos y no tan novatos. PyCharm es un IDE para crear programas escritos en Python. PyCharm es uno de los mejores IDE’s orientados a este lenguaje y también ha sido una de las primeras herramientas de Python en pasar a formato snap.

5. Simply Fortran

Simply Fortran es un IDE orientado a Fortran. Para la inmensa mayoría, Fortran no es un lenguaje de programación muy conocido, pero si que es uno de los lenguajes más veteranos y aún vivo en ciertos ámbitos empresariales. De ahí que aún existan IDE’s como Simply Fortran

6. Atom

Atom es un editor de código creado por los creadores de Github. Es un editor de código potente, muy funcional, modular y tiene la posibilidad de convertirlo en un IDE gracias a un complemento que recientemente se ha lanzado. 

Programación

 La programación es un proceso que se utiliza para idear y ordenar las acciones que se realizarán en el marco de un proyecto; al anuncio de las partes que componen un acto o espectáculo; a la preparación de máquinas para que cumplan con una cierta tarea en un momento determinado; a la elaboración de programas para la resolución de problemas mediante ordenadores; y a la preparación de los datos necesarios para obtener una solución de un problema.

En la actualidad, la noción de programación se encuentra muy asociada a la creación de aplicaciones informáticas y videojuegos; es el proceso por el cual una persona desarrolla un programa valiéndose de una herramienta que le permita escribir el código (el cual puede estar en uno o varios lenguajes, tales como C++, Java, Python entre otros) y de otra que sea capaz de “traducirlo” a lo que se conoce como lenguaje de máquina, el cual puede ser entendido por un microprocesador.

El objetivo de la programación es la de crear software, que después será ejecutado de manera directa por el hardware de la computadora, o a través de otro programa.

La programación se guía por una serie de reglas y un conjunto pequeño de órdenes, instrucciones y expresiones que tienden a parecerse a una lengua natural acotada. El lenguaje de programación, son todas aquellas reglas o normas, símbolos y palabras particulares empleadas para la creación de un programa y con él, ofrecerle una solución a un problema determinado.

El lenguaje de programación es el responsable de que la computadora siga paso a paso las órdenes que el programador ha diseñado en el algoritmo. Con esto se entiende que el lenguaje de programación es una especie de intermediario entre el ordenador y el usuario, para que este último pueda darle respuesta a los problemas mediante la computadora y haciendo uso de palabras (funciones), que le interpretan dicho programa al computador para la realización de ese trabajo.

Ahora bien, dependiendo del lenguaje que se elija, se puede hablar del tipo de programación que se va a realizar. Algunos de ellos son:

Programación secuencial: son aquellos programas que se diseñan con directrices que van en secuencia una detrás de la otra. Por ejemplo: Cobol, Basic.

Programación estructurada: se considera así, cuando la programación es diseñada por módulos. Cada módulo realiza una tarea en especial, y cuando se requiera de esa tarea, sencillamente se le hace el llamado a ese módulo. Por ejemplo: Turbo Pascal, Ada, Modula.

Programación orientada a objetos: son aquellos lenguajes que permiten la implementación de objetos dentro del diseño del mismo y el usuario podrá pegar a cada objeto un código de programa. Algunos de estos son: Java, Xml, entre otros.

Programación lógica o de lenguaje natural: son aquellos programas que se diseñan con interfaces, de tal manera que el usuario pueda darle ordenes a la máquina utilizando un lenguaje simple. Por ejemplo: Prolog.

Programación de inteligencia artificial: son aquellos programas que más se acercan a la inteligencia humana, ya que tienen la capacidad de desarrollar conocimiento. Este tipo de lenguaje trabaja de una manera muy semejante a la mente humana.

https://www.youtube.com/watch?v=6svvtOjLA-A

Herramientas de una página web

Crear una página web nunca ha sido tan fácil. En los últimos años, han surgido un montón de herramientas diversas que nos facilitan el proceso de creación de un sitio web y nos ayudan a hacer cosas que difícilmente podríamos hacer tan rápido si tuviéramos que aprender HTML5, CSS3, PHP o Javascript. En esta entrada, vamos a repasar algunas de las herramientas más populares para que así puedas descubrirlas y empezar a usarlas si estás pensando en crearte tu propia página web. Vamos a distinguir entre tres tipos o grupos de herramientas: editores online, editores de HTML y sistemas CMS.

Editores online

1. Wix: cada vez surgen más sitios que te permiten crear tu página web usando editores visuales sin necesidad de escribir ni una sola etiqueta de código. Wix es uno de esos sitios. Es tan fácil de utilizar que cualquier usuario medio podría crearse una página web sencilla en poco tiempo. Su editor visual es muy intuitivo y te permite crear bloques y arrastrar elementos para que los ubiques justo en el sitio que tú quieras. Lo malo es que la versión gratuita tiene opciones limitadas, por lo que si quieres disfrutar de todas las ventajas de Wix vas a tener que contratar una cuenta Premium. Pero si no necesitas una página web demasiado compleja puede ser una buena opción.

2. Weebly: Weebly es un editor similar a Wix. Su interfaz se parece más a un editor clásico de páginas web, aunque también permite modificar los elementos de una forma sencilla, pinchando y arrastrando o modificando directamente los contenidos dentro del editor visual. Personalmente, encuentro más cómodo e intuitivo el editor de Weebly que el de Wix, aunque si quieres hacer cosas más complejas como por ejemplo crear una web con TPV vas a tener que contratar un plan de pago.

Editores HTML

3. Adobe Dreamweaver: Dreamweaver es el editor web más conocido y más utilizado por los diseñadores. Forma parte de la suite Creative Cloud de Adobe y, por tanto, es perfectamente compatible con otras herramientas de diseño gráfico de la misma suite, como Photoshop o Illustrator, lo que convierte a Dreamweaver en una opción más que recomendable si quieres invertir en una herramienta de pago. Es una herramienta idónea si tienes conocimientos de HTML5, CSS3 o PHP. De lo contrario, quizá lo mejor sería que optaras por una herramienta un poco más asequible hasta que adquieras un conocimiento mayor de estos códigos, pues Dreamweaver es una herramienta de perfil avanzado ideada para profesionales del diseño 

4. Kompozer: Kompozer es un editor de HTML gratuito. Es una herramienta muy versátil que es ideal si la utilizas como complemento de otras aplicaciones, aunque si quieres también puedes utilizarla para desarrollar un sitio web en HTML. Personalmente, la encuentro muy útil para ahorrar tiempo a la hora de crear elementos en HTML como barras de navegación, listas de enlaces, botones personalizados o galerías de imágenes. Es un editor ideal para empezar a sumergirte en HTML5, CSS3 o PHP.

Sistemas CMS 

Los sistemas CMS se han ganado un puesto de honor entre las herramientas de desarrollo de páginas web. Desde su explosión a mediados de la década del 2000, cambiaron por completo el concepto de diseño que existía hasta entonces, en el que por lo general para poder crear un sitio web era necesario confeccionarlo en un editor tradicional a base de introducir código y más código. Los sistemas CMS permiten separar diseño y contenido, de forma que ahorran mucho tiempo y esfuerzo al usuario. De hecho, con ellos puedes confeccionar sitios web aparentemente complejos sin necesidad de utilizar código, pues ellos generan el código por ti de manera automática. A continuación, vamos a repasar los tres sistemas CMS más populares según los datos estadísticos del W3C: Joomla, Drupal y WordPress.

Sistemas CMS más utilizados (Fuente: W3C). En gris, el porcentaje de usuarios. En verde, la cuota de mercado.

5. Joomla: Joomla es un CMS gratuito basado en PHP que permite generar sitios web dinámicos. Su panel de administración te permite, entre otras cosas, instalar plantillas y personalizar tu sitio web por módulos, así que con poco vas a poder conseguir resultados muy buenos. Es una herramienta muy utilizada sobre todo para desarrollar sitios web de comercio electrónico, aunque en realidad se puede utilizar para fines muy diversos (plataforma de blogging, web personal, TPV, sitio de e-learning, etc.). No obstante, no considero que sea un CMS accesible para un usuario de perfil medio/bajo, dado que su panel de administración no es tan intuitivo como el de otros CMS.

6. Drupal: Drupal es otro sistema CMS basado en PHP y combinable con MySQL (al igual que Joomla y WordPress), que puede utilizarse para múltiples propósitos, aunque curiosamente se ha estandarizado para desarrollar comunidades y sitios web participativos. Permite confeccionar sitios web utilizando plantillas y módulos (hay miles disponibles). No obstante, su curva de aprendizaje es bastante alta, dado que es una herramienta creada por programadores y para programadores, por tanto si buscas un sistema CMS fácil de usar e intuitivo quizá Drupal no sea la mejor opción

7. WordPress: como puedes ver en el gráfico anterior, WordPress es el sistema CMS más utilizado por los usuarios de Internet y el que tiene una mayor cuota de mercado (un dato importante). Al contrario de lo que ocurre con Drupal y Joomla, su interfaz es mucho más intuitiva, por lo que la mayoría de usuarios medios que quieren utilizar un CMS para desarrollar un sitio web suelen recurrir a esta herramienta. WordPress surgió inicialmente como plataforma de blogging, pero poco a poco fue evolucionando hasta el punto de que ahora puede utilizarse para crear cualquier tipo de página web. Hay miles de plantillas disponibles y miles de widgets y plugins que permiten a los usuarios potenciar sus páginas web sin necesidad de introducir código.

https://www.40defiebre.com/herramientas-optimizacion-diseno-web

Diseño y edición de paginas web

Una Página Web es conocida como un documento de tipo electrónico, el cual contiene información digital, la cual puede venir dada por datos visuales y/o sonoros, o una mezcla de ambos, a través de textos, imágenes, gráficos, audio o vídeos y otros tantos materiales dinámicos o estáticos.

En el desarrollo de un sitio web hay seis etapas clave:

1- Investigación

Lo primero que hay que hacer es un análisis y una revisión del contexto en el que nos movemos. Por ejemplo: mirar sitios similares (competencia), buscar un estilo que nos identifique y que por supuesto nos guste y con el que nos sintamos cómodos.

2- Planificación

Cuando se planifica un sitio Web, se deben considerar varios factores: la audiencia y sus necesidades, el objetivo para el que se crea, los temas y contenidos que le gustaría cubrir, el nombre del sitio, la disponibilidad del nombre de dominio y registrarlo, lo que otros sitios han hecho, etc.

3- Arquitectura del sitio y contenido

Pensemos qué vamos a contar y cómo vamos a contarlo. Debemos crear un mapa de la arquitectura del sitio para demostrar visualmente cómo se organiza el contenido y la estructura del sitio.

4- Diseñar, construir y hacer pruebas

Es la etapa del diseño web: tipos de letras, colores, plantillas, imágenes, títulos, etc. En esta etapa se empieza a probar el sitio web.

5- Operar, mantener y evaluar

En esta etapa el sitio Web se encuentra constante mantenimiento para posibles mejoras. Se procura obtener informes sobre el rendimiento, para asegurar que el sitio Web sea un éxito.

6- Marketing

Una vez que la web se publica hay que ponerse manos a la obra y hacer marketing. Trabajar fuerte en el SEO del portal para que éste se posicione correctamente en buscadores, difundir en redes sociales (Facebook, Twitter, Linkedin), mimar los contenidos, actualizar a diario el portal, etc. 

El diseño gráfico de una página web es un aspecto de gran importancia. La imagen transmitida por el diseño de una página web debe causar una impresión positiva en el visitante del sitio web y debe captar su atención, ofreciendo una imagen que genere confianza en dicho visitante. Los estudios1 demuestran que, al igual que cuando los usuarios se disponen a comprar un libro tienden a juzgarlo por su portada, los usuarios tienden a juzgar la credibilidad y la confianza que les ofrece una página web en base a aspectos como su diseño visual.
Existen otros muchos aspectos que hacen que una página web genere una sensación de confianza y credibilidad entre sus visitantes, como por ejemplo:

• La calidad de la información contenida en la página web.
  
• La frecuencia con la que esta información se actualiza.
  
• La usabilidad del sitio web.
  
• El tiempo de carga de las páginas.
  
• La cantidad de errores perceptibles en el sitio web (faltas de ortografía, enlaces que no funcionan, etc.)
  

El aspecto visual de una página web es otro aspecto más a tener en cuenta para ofrecer a los usuarios una imagen de seriedad y generar en ellos una sensación de confianza hacia el sitio web. Los usuarios tienden a pensar que si una página web corporativa no es de calidad, la empresa a la que pertenece tampoco será capaz de proporcionar productos o servicios de calidad.
Para mejorar el diseño de una pagina web corporativa, es necesario cuidar aspectos como:La velocidad de carga de las páginas del sitio web.

• La disposición de los elementos dentro de las páginas del sitio web.
  
• Las tipografías utilizadas.
  
• Las gamas de colores empleados.
  
• Un contraste adecuado entre el texto y el fondo.
  
• La facilidad para la lectura del contenido.

Herramientas de la web social

La aparición de herramientas web 2.0, para muchos identificada por la aparición de las redes sociales y surgimiento de blogs, que volvieron al Internet más dinámico e interactivo, por el hecho de permitir a los usuarios crear, compartir y comentar información, ha sido nombrada la generación de la participación y la colaboración.

HERRAMIENTAS COLABORATIVAS

Son aplicaciones que permiten trabajar documentos con los aportes de más de una persona, incluso de manera simultánea por lo que los estudiantes suelen mostrarse más participativos y motivados al utilizar este tipo de herramientas.  Entre esta clasificación, las más utilizadas son Google Drive y Dropbox.

REDES SOCIALES

 La tendencia a utilizar redes sociales en la educación va en aumento, debido a su amplia aceptación e incorporación a la rutina diaria de sus millones de usuarios. Ésta están siendo utilizadas en la educación para compartir contenido de interés y promover la participación y comentarios de los estudiantes a las diferentes publicaciones. Las redes sociales más utilizadas son: Facebook, Twitter, Youtube, Vimeo.       

MAPAS CONCEPTUALES Y MENTALES

Esta técnica de aprendizaje, utilizada hace mucho tiempo para organizar y representar gráficamente o por diagramas conceptos básicos o ideas, ahora puede realizarse y compartirse virtualmente, con herramientas como Mindmeinster, Coggle.it, Mindomo y Bubbl.us.

PRESENTACIONES

Las presentaciones ya son ampliamente utilizadas para la enseñanza; sin embargo herramientas web 2.0 como: Prezi, Slideshare, Issuu y Scribd

permiten publicar y compartir el contenido de las presentaciones, facilitando la revisión y aporte de comentarios del público al que van dirigidas. 

PODCAST

Este tipo de aplicaciones se utilizan para transmitir audio en internet; aunque inicialmente fueron empleadas por programas radiales, su aplicación ha crecido. En el área educativa son utilizadas para transmitir explicaciones breves y tienen gran demanda en la enseñanza de idiomas. Entre las aplicaciones para crear y transmitir podcast están Audacity, Podomatic y SoundCloud.

BLOG

Es un sitio web de actualización constante, donde se publican cronológicamente textos o artículos de uno o varios autores. Los usuarios pueden leer los aportes o entradas y dejar su comentario. Al crear un blog para un curso, los estudiantes pueden publicar sus artículos, resultado investigaciones asignadas, también se pueden utilizar como portafolio de actividades. Entre las herramientas para crear blogs están: WordPress y Blogger.

WIKI

Es un sitio web donde el contenido se va creando con las intervenciones o aportes de varios usuarios o estudiantes, en este caso. En una wiki los participantes pueden leer, crear, comentar o modificar los aportes de información. Su uso en las aulas permite que los estudiantes sean parte de su aprendizaje al crear su propio material, a la vez que fortalecen el trabajo colaborativo. Entre las herramientas que se pueden utilizar para crear wikis están Wikispaces y Pbwiki.

https://www.youtube.com/watch?v=RNi0NVJuybc

Internet

El nombre Internet procede de las palabras en inglés ”Interconnected Networks”, que significa “redes interconectadas”. Internet es la unión de todas las redes y computadoras distribuidas por todo el mundo, por lo que se podría definir como una red global en la que se conjuntan todas las redes que utilizan protocolos TCP/IP y que son compatibles entre sí. Éste se creó en la década de los 60 como un proyecto gubernamental militar, sin embargo, con el paso de los años ha evolucionado a tal punto que se ha vuelto indispensables para las personas.

Las siglas www para World wide web que significa literalmente red global. También se le llama simplemente como "la web" y es uno de los sistemas distribuidos de gestión de información que usan Internet o la red para la transmisión de datos.

La web (www) usa el protocolo HTTP, siglas para Hypertext Transfer Protocol, para transmitir datos por Internet como es el caso de las páginas web.

Tim Berners Lee es considerado el padre de la web porque desarrolló las 3 tecnologías fundamentales de la web:

• HTML (Hypertext Markup Language): el lenguaje que se emplea para crear y escribir los documentos o páginas web.
• URL (Uniform Resource Locator): el sistema de localización o direccionamiento de los documentos web.
• HTTP (Hypertext Transfer Protocol): protocolo o lenguaje que se comunica con el navegador y el servidor web para transmitir los documentos web mediante la Internet.

  Conexiones de internet

  Las conexiones de internet son los medios disponibles para que un usuario pueda utilizar los servicios que ofrece internet a través de dispositivos que utilizan tecnología informática, como computadoras, tablets y teléfonos móviles.
  Existen distintas maneras de acceder a internet. Algunas de ellas son la utilización de una línea telefónica (convencional o digital, por ejemplo, ADSL), la conexión por cable (a través de fibra óptica), la conexión vía satélite o la conexión a redes inalámbricas, también llamadas wireless.

• Estructura de direcciones

  • Direcciones IP: Son direcciones numéricas que se utilizan en internet para identificar máquinas. Son representadas por cuatro números del 0 al 255 y se separan por puntos.
  • Direcciones de correo electrónico
  • Dirección URL: Con estos identifican los recursos que hay en internet. Sus siglas significan Uniform Resource Locator, que en español es Localizador Uniforme de Recursos.
  • Los principales servicios o aplicaciones que podemos encontrar en Internet son:
  • • World Wide Web.
    • Correo electrónico.
    • Grupos de Noticias (News, Boletines de noticias)
    • Listas de distribución.
    • Foros web.
    • Weblogs, blogs o bitácoras.
    • Transferencia de archivos FTP (File Transmision Protocol)
    • Intercambio de archivo P2P.

Amenazas de la red

Muchas amenazas a la seguridad de la red hoy en día se propagan a través de Internet. Los más comunes incluyen:

• Virus, gusanos y caballos de Troya
• Software espía y publicitario
• Ataques de día cero, también llamados ataques de hora cero
• Ataques de hackers
• Ataques de denegación de servicio
• Intercepción o robo de datos
• Robo de identidad

Hay que entender que no hay una solución única que protege de una variedad de amenazas. Es necesario varios niveles de seguridad. Si uno falla, los demás siguen en pie. Seguridad de la red se lleva a cabo a través de hardware y software. El software debe ser actualizado constantemente para lograr protegerse de amenazas emergentes. Un sistema de seguridad de la red por lo general se compone de muchos componentes. Idealmente, todos los componentes trabajan juntos, lo que minimiza el mantenimiento y mejora la seguridad. Los componentes de seguridad de red incluyen:

• Antivirus y antispyware
• Cortafuegos, para bloquear el acceso no autorizado a su red
• Sistemas de prevención de intrusiones (IPS), para identificar las amenazas de rápida propagación, como el día cero o cero horas ataques
• Redes privadas virtuales (VPN), para proporcionar acceso remoto seguro

https://www.youtube.com/watch?v=JXDUKotmsWQ