En todo proyecto que se este creando, desarrollando o se tenga en la etapa de idea, es necesario que exista un plan, o una planeación donde al menos se tenga una lista de actividades y el tiempo estimado en el que se pretende lograr que esa pequeña actividad se complete de manera satisfactoria.

La definición mas textual de lo que es una planeación es la siguiente:

Consiste en fijar el curso concreto de la acción que ha de seguirse, estableciendo los principios que habrán de orientarlo, la secuencia de operaciones para realizarlo y la determinación de tiempo y números necesario para su realización.

ecured.cu

Para mi la planeación siempre la hemos realizado, de manera natural e incluso inconsiente. Por ejemplo, cuando desde chicos nos dan un plan, la noche es para descansar, el día para realizar las actividades pero durante el transcurso del día, aún sin conocer el concepto tal cual del tiempo, los infantes saben cual es la hora en la que van a tomar sus alimentos, e incluso el momento en el que pueden salir a disfrutar algún tipo de actividad física, -qué tiene que ver con planear el comentario?- pudieras cuestionarte.

Pero en realizad considero que tiene todo que ver, debido a que desde pequeños nos educaron a seguir patrones de conducta, como completar un plan alimenticio, con forme se va creciendo el ser humano empieza a crear planes mas complejos con tiempos de ejecución mas largos, por ejemplo terminar el maternal, educación básica, media básica, media superior o incluso una educación superior, donde no se plantea los diferentes entornos y variables que pueden surgir durante la ejecución de un plan; y éstas permitan que no se cumplan (reprobar una materia, si el plan era alcanzar un título de grado y aún no se aprueba la materia, se ve algo truncado)

Lo mismo sucede con cualquier tipo de proyecto que se quiera llevar acabo, donde hay un número mas alto de fallas quizá en todos, donde los dueños del plan (quienes lo propusierón) no se apegarón al plan: es decir: no confiarón en lo que planearon.

Para el desarrollo de proyectos de software o diseño de sitios web, la planeación juega un papel muy importante, mas si los clientes no tienen todavía muy en claro que es lo que desean y solo tienen una vaga idea de que es lo que quieren que el software realice.

Tradicionalmente todo buen planeador, (si le toca hacer un plan para el desarrollo de software) toma en cuenta el ciclo de vida de desarrollo de software o de un sistema que comprende etapas como análisis, diseño, programación, depuración, pruebas y en la mayoría de los casos implementación, documentación y capacitación.

El problema es que se olvidan de los detalles, es decir, de todos y cada uno de las sub-etapas y sub-actividades que se llega a tener en cada una de las etapas principales (comentadas en el párrafo anterior) y los encargados de cada etapa no “saben” (si son novatos ) que es lo que tienen que hacer y lo mas importante cuando lo tienen que entregar.

Claro que antes solo se hacía un diagrama de Gantt y ya se daba por bien servido, La ventaja de ahora es que existe una gran diversidad de herramientas informáticas donde se permite tener un mejor control de las actividades a realizar, dominio de quien la va a realizar, que actividad se debe de ejecutar después de haber cumplido la actividad e incluso saber quien es el responsable de cada actividad, también se puede sacar un presupuesto en base del costo total de la jornada de trabajo.

Algunas de las herramientas informática que permiten gestionar proyectos se encuentran:

• MS Project: Aplicación propietaria perteneciente a Microsoft en un inicio venia instalado en la paquetería ofimática actualmente se vende como un producto aparte. Solo disponible para windows y macosx
• Primavera Planer: Aplicación propietaria donde hace lo mismo que con MS Project. Solo disponible para windows y macosx
• Project Libre: Aplicación de software libre, multiplataforma (para linux, windows y mac) donde hace lo mismo que hace MS Project solo que sin tener que estar pagando licencias ni tener que piratearlas.

También hay herramienta en linea que con un navegador puedes crear tu gantt y asignar recurso, entre otras. En lo particular prefiero Project Libre, por lo siguiente:

• Por que es software libre.
• Por que no se comente piratería y
• tiene la opción para que puedas gestionar diferente proyectos desde una misma ventana, sacar estimaciones entre otras funciones.

No hay que olvidar que para poder crear una buena planeación hay que tener muy en cuenta cual es el objetivo que se persigue y como se pretende alcanzar ese objetivo, Revisa esta url si no sabes como crear un objetivo

Referencia:

ecured.cu, Planeación, extraído de: https://www.ecured.cu/Planeaci%C3%B3n consultado:30 de junio 2020

La entrada Planeación se publicó primero en Frexus.

Una disciplina frontend mediante la cual se define y posiciona el contenido de páginas web, atendiendo a una estructura adecuada para la lectura y una presentación de la información atractiva.

Escuela,it

Otra definición de Maquetación web es:

Consiste en tomar el diseño y la arquitectura de un sitio web y convertirlo en código para el programador. Esta es una profesión muy demandada que requiere de conocimientos de varias disciplinas, como estilos CSS, HTML.

ecured.cu

La analogía perfecta para este concepto es, que la maquetación web es como cuando un arquitecto, decide crear diversos prototipos de fachada de una casa para un cliente, es decir, si al éste le gustaría una fachada (entendiendo como fachada a la parte de enfrente de una casa) mas minimalista, o con ventanales grandes que incluya protectores, o el estacionamiento al frente, o con plantas de ornato a la entrada de la puerta principal, limite aquí es la imaginación para la creación de la fachada, esta etapa es cuando estas decidiendo como estará distribuida tu página, si llevará pie de página, encabezado, o si el contenido del sitio ocupara todo el cuerpo de la página o solo una parte, donde tendrás el menú de opciones del sitio, entre otros detalles.

Hay que agregarle a la analogía los materiales que vayan a utilizar que al mezclarlos permiten que la fachada quede perfecta. Los materiales son como el lenguaje de marcado HTML (HiperText Markup Language, por sus siglas en ingles) y las hojas de estilo en cascada CSS (Cascading Style Sheets, por sus siglas en ingles), son como los colores de los materiales que se estén utilizando.

Es importante recalcar que en este proceso empieza a verse involucrado los colores, que permite que al combinarlos sea un sitio atractivo para el usuario final, puede llegar a “programarse” los colores con las hojas de estilo (CSS), en combinación con elementos flotantes del lenguaje de marcado (HTML).

Un dato a tener presente, es que el sitio debe de consumir el menor tiempo de carga para el navegador del usuario final, ya que un sitio que tenga mucha animación que lo haga muy vistoso lo único que generará es que el usuario final abandone el sitio. Para poder lograr esto, el profesional de maquetado web debe de dominar muy el lenguaje de marcado, las hojas de estilo en cascada y javascript.

Las imágenes deben de ser preferentemente en formato png o gif, con un peso preferentemente en kb, es recomendable usar la etiqueta div para la segmentos de la página a usar el elemento table, diferencia, el navegador carga más rápido los div, las tablas va dibujando los marcos en cada carga y eso es tardado.

Actualmente ya existen framework que permiten agilizar todo este proceso de maquetado, uno de los mejores y mas usado es Bootstrap, que viene con una serie de plantillas estándar donde se maneja el html5, css3 y jscript. Las acciones básicas que contiene es que si creas un formulario puedes hacer uso de la validaciones clásicas, es decir, que el usuario teclee números donde tiene que escribirlo, letras donde deba de colocarlos y datos alfanuméricos donde deba de llevarlos. Esto agiliza un gran tiempo en el desarrollo de aplicaciones del lado del frontend

Referencias:

Escuela.it, “Maquetación Web”. Extraido de: https://escuela.it/materias/maquetacion-web#:~:text=La%20maquetaci%C3%B3n%20web%20es%20una,presentaci%C3%B3n%20de%20la%20informaci%C3%B3n%20atractiva. Recuperado: 27 de junio 2020.

Ecured.cu, “Maquetación Web”, Extraído de: https://www.ecured.cu/Maquetaci%C3%B3n_web. Recuperado: 27 de junio 2020.

La entrada Maquetado web se publicó primero en Frexus.

 “la herramienta que permite crear programas, aplicaciones que facilitan la vida al ser humano”.

La analogía perfecta para este concepto es la escritura, ya que la escritura es una herramienta (por llamarla así) que permite tener en diferentes idiomas (ingles, latín, francés, español, entre otros) grandes y pequeños escritos (libros, artículos, notas, entre otras) que permiten al ser humano ilustrar su día a día.

Y así como en la escritura existen diversos tipos de estilos o géneros (románticos, ficción, educativos, entre otros), lo hay también en los lenguajes de programación y se pueden clasificar en dos.

1. De scripting, son todos esos lenguajes de programación que se ejecutan en tiempo de ejecución o al vuelo, es decir, a como se van escribiendo se van ejecutando (por llamarlo de algún modo).
2. Compilados, son todos aquellos lenguajes de programación que se compilan, es decir, se tienen que instalar o dar doble clic para que se ejecute y requiere de muchos o varios requisitos para que puedan realizar sus tareas (como tener instalado algún framework, o librerías especializadas).

Siguiendo con la analogía un lenguaje de scripting sería como un articulo de una revista o blog, o pequeños versos de un poema, por que sus requisitos dependen de la revista o del blog al que se este escribiendo. Sin embargo los lenguajes compilados son como los libros impresos que una vez llevados a la editorial no puedes volver a editarlos sino hasta una segunda versión del mismo. Los tiempos de preparación en cada uno de los casos son mas cortos (para un articulo) y más largo (para un libro); claro que eso va también si eres un escritor nato, o habilidoso, si por el contrario estas empezando todo será un poquitin difícil.

En la actualidad, existen diversos lenguajes de programación y van desde la creación de aplicaciones para escritorios, web y dispositivos móviles, el primero y el último son de tendencia donde su escritura es compilada (en la mayoría de los casos) y el de en medio es de formato de articulo (scripting).

Existe una subcategoría dentro de los lenguajes de programación que permite clasificarlos en alto y bajo nivel, esto es debido a la concepción de los primeros lenguajes de programación, ya que en un inicio solo se podían escribir programas en lenguajes de bajo nivel donde se comunicaban directamente con la máquina y después fueron surgiendo los lenguajes de alto nivel, donde ya son un poco mas comprensible para el ser humano pero generan una serie de traducciones para que se puedan comunicar con el ordenador.

Entre estos lenguajes se tiene al lenguaje binario, el cual permitía o permite (por los que aún hablan ese idioma) comunicarse directamente con el computador; este es un lenguaje de bajo nivel. Se encuentra el lenguaje ensamblador en sus diferentes versiones que brinda al programador palabras claves para poderse comunicar con la PC pero aún sigue siendo complejo (aún que menos, que el binario).

Luego se tiene lenguajes como Fortran, Basic, Pascal, C, C/C++, Visual Basic, Java, C#, entre otros, que son lenguajes de alto nivel y compilados, es decir, una vez que se escribe el programa y se publica realizar una modificación y volver a distribuir sobre la misma aplicación es más difícil que generar una versión 2.0 del mismo.

Después vienen los lenguajes como Python, php, JavaScript, entre otros, que son de alto nivel, y de tipo scripting, es decir se puede notar lo que realizan desde el momento que se publican, es decir, es mas fácil editarlos, en el mismo código que generar una versión 2.0.

Existen lenguajes de scripting con ciertas propiedades que permite subcategorizarlos, por ejemplo, las marcas, un lenguaje de marcado como HTML, en cualquiera de sus versiones, permite en cierta manera establecer marcas dentro de un documento web pero de manera estática, se considera lenguaje por todo lo que puedes crear con el o por lo que puedes moldear, es de scripting porque, a medida que vas creando las marcas puedes ir visualizando o ejecutando como será el resultado final.

También están los que se ejecutan del lado del servidor web, estos son lenguajes de programación que por sus características requieren que el código fuente quede en el servidor web que se va a ejecutar, que funciones pueden realizar, las conexiones a la base de datos, guardar, actualizar o eliminar contenido en una base de datos. Un ejemplo de ello sería php, python entre otros.

Están los que se ejecutan del lado del cliente, son lenguajes de programación de la familia de scripting pero dada sus cualidades su código fuente se guarda en el servidor web pero su ejecución la realiza el cliente por ejemplo, las validaciones de que se escriba bien o de manera correcta un e-mail en una caja de texto, o de que se solo se acepten letras o números en determinadas cuadros de texto. Son acciones que permiten que se ejecuten en la máquina del cliente (regularmente el navegador web). Ejemplo de este lenguaje es JavaScript.

La entrada Lenguaje de programación se publicó primero en Frexus.