Glosario Pseint

¿Qué es PSeInt?

PSeInt, es la abreviatura de Pseudocode Interpreter, Intérprete de Pseudocódigo. Este programa fue creado como proyecto final para la materia Programación I de la carrera Ingeniería en Informática de la Facultad de Ingeniería y Ciencias Hídricas de la Universidad Nacional del Litoral, del en aquel momento estudiante Pablo Novara.

¿Por qué usar PSeInt y no otro intérprete o compilador de pseudocódigo?

1) Porque es software libre, sin necesidad de andar gastando dinero, haciendo giros, etc., violando los derechos de autor ni andar creando o consiguiendo cracs, que a veces sus link están inactivos y/o los programas no dejan craquearse.

Configuarción

Aspecto:

Tamaño de Fuente:

Puede variar el tamaño de la fuente utilizando el mouse. Para ello mantenga presionada la tecla Control y gire la rueda del mismo. Otra forma de hacer es presionando simultáneamente las teclas Control y + o - del teclado numérico.

Colores en la Interpretación:

Si activa la opción Utilizar colores al interpretar del menú Configurar, al ejecutar el algoritmo, el intérprete utilizará diferentes colores para cada tipo de evento. Los errores se presentarán en rojo, los mensajes de salida que escriba el algoritmo se mostrarán en verde, los datos de entrada que ingrese el usuario se mostrarán en amarillo y toda la información adicional que se presente en la ventana se mostrará en azul.

Paneles acoplables:

Barra de Herramientas:

Puede mostrar u ocultar la barra de herramientas (la barra que se ubica justo debajo de la barra de menúes y contiene iconos de accesos rápidos a las acciones más utilizadas) mediante el ítem Mostrar Barra de Herramientas del menú Configuracion.

Panel de Comandos:

El panel de comandos le permite introducir acciones o estructuras de control en su algoritmo mediante un click. Se ubica por defecto en la parte izquierda de la ventana y al seleccionar una de sus primitivas introduce en el código del proceso actual la plantilla de la misma, marcando con recuadros las partes de la misma que debe completar (expresiones, acciones, valores, etc). Puede mostrar u ocultar este panel mediante el ítem Mostrar Panel de Comandos del menú Configuracion.

Panel de Ayuda Rapida:

El panel de ayuda rápida le ayudará a completar las plantillas del panel de comandos, o le brindará detalles y sugerencias para corregir los errores que el intérprete encuentre en su algoritmo. Si el use de este panel está activado el mismo se mostrará automáticamente en la parte inferior de la ventana cada vez que introduzca un comando mediante el Panel de Comandos o cada vez que seleccione un error en la lista de errores. Puede activar o desactivar el uso de este panel mediante el ítem Mostrar Ayuda Rápida del menú Configuracion.

Panel de Ejecucion Paso a Paso:

El panel de ejecución paso a paso le permite controlar de forma más detallada la ejecución del algoritmo, o configurar la prueba de escritorio del mismo. Puede mostrar u ocultar este panel mediante el ítem Mostrar Panel de Ejecucion Paso a Paso del menú Configuracion.

Ayudas en la escritura:

Autocompletado:

El autocompletado muestra sugerencias de palabras claves mientras escribe y permite seleccionarlas para completarlas sin tener que tipearlas por completo. Para que el menú se muestre se deben haber ingresado al menos tres letras de la palabra. Puede activar o desactivar el autocompletado mediante el ítem Utilizar Atucompletado del menú Configuracion.

Cierre Automático de Eestructuras de Control:

Cuando esta opción está activada, al presionar enter en el editor de pseudocódigo en una línea donde se incia una estructura de control (ejemplo: "Si ... entonces", "Para ... hacer", "Repetir..."), el editor analiza la siguiente línea y a menos que presente mayor indentado, agrega la palabra clave que cierra la estructura (ejemplos: "FinPara", "FinSi" "Hasta Que..."). Puede activar o desactivar esta característica mediante el ítem Cerrar Estructuras Repetitivas/Conficionales del menú Configuracion.

Indentado Inteligente:

El indentado inteligente agrega o quita tabulaciones a las lineas para indentar correctamente el codigo según su estructura y anidamiento (por ejemplo, luego de una linea que abre un bucle PARA, la siguiente tendrá un indentado mayor). Estas acciones se realizan en conjunto con la selección de palabras claves en el menú de autocompletado. Puede activar o desactivar estas acciones mediante el ítem Indentado Inteligente del menú Configuracion.

Ayudas emergentes:

Estas ayudas le indican qué debe escribir luego de cada palabra clave. Se muestran como globos emergentes sobre el código e indican el tipo de accion, expresion, etc. que debe introducir a continuación. Puede activar o desactivar estas ayudas mediante el ítem Utilizar Ayudas Emergentes del menú Configuracion.

Comprobación de Sintaxis en Tiempo Real:

Cuando esta opción se encuentra habilitada, PSeInt verifica la sintaxis del pseudocódigo automáticamente unos segundos después de que el usuario deja de escribir, sin necesidad de intentar ejecutar el algoritmo. Cuando se encuentran errores, se marcan con un subrayado ondulado en color rojo, y si se coloca el cursor de texto sobre la instrucción se despliega la descripción abreviada del mismo. De esta forma, el alumno puede ir viendo la validés de su pseudocódigo desde el punto de vista sintáctico en tiempo real mientras lo desarrolla. Puede activar o desactivar estas ayuda el ítem Comprobar Sintaxis Mientras Escribe del menú Configuracion.

Lenguaje:

PSeInt permite configurar algunos aspectos del pseudolenguaje a utilizar para ser más estricto o permisivo, o para ajustarse mejor a las necesidades de un docente. Para ello dispone de perfiles de configuración. Cada docente puede enviar el perfil de configuración que desee utilizar junto con los datos de su materia e institución para que el mismo aparezca en la lista (los detalles de cómo y a donde enviar esta información se encuentran en el sitio oficial del programa http://pseint.sourceforge.net). De esta forma, los alumnos pueden seleccionar un perfil y configurar así rápidamente todas las opciones de acuerdo a sus necesidades.

Esta configuración se realiza la primera vez que se ejecuta PSeInt, pero puede modificarse mediante el ítem "Opciones del Lenguaje" del menú Configurar. Si ningún perfil resulta adecuado o se quiere experimentar con las diferentes opciones, el cuadro de selección presenta un botón "Personalizar" que permite especificar una por una las características configurables del lenguaje.

Edición de un diagrama de flujo

    PSeInt permite editar un algoritmo modificando el pseudocódigo o modificando su diagrama de flujo. Para utilizar este segundo mecanismo debe abrir el pseudocódigo del algoritmo a editar y hacer click sobre el item "Editar diagrama de flujo..." del menú "Archivo". Esta acción abrirá una nueva ventana en la que podrá visualizar y editar dicho diagrama. Una vez modificado el pseudocódigo, puede utilizar algunas de las siguientes opciones del menú del editor de diagramas (al cual se accede llevando el puntero del mouse a la esquina superior izquierda):

Guardar Cambios:

aplica los cambios realizados en el editor de diagramas sobre el pseudocódigo en la ventana principal de PSeInt, pero no sobreescribe el archivo original. Para poder guardar efectivamente los cambios del pseudocódigo debe cerrar el editor de diagrama y utilizar el item "Guardar" de la ventana principal.

Guardar y Ejecutar:

además de aplicar los cambios en el pseudocódigo, intenta ejecutar el resultado. Si el algoritmo generado es correcto, se ejecutará, si no lo es los errores se marcarán sobre el pseudocódigo en la ventana principal (no sobre el diagrama de flujo).

Guardar y Cerrar:

aplica los cambios al pseudocódigo de la ventana principal y cierra el editor de diagramas de flujo.

Cerrar Sin Guardar:

 cierra el editor sin actualizar el pseudocódigo de la ventana principal. De esta forma se pierden todos los cambios realizados desde que se abrió el editor o desde la última vez que se utilizó alguna de las opciones anteriores.

    Para añadir nuevas entidades (instrucciónes o estructuras de control) al diagrama, debe seleccionarlas desde la barra de entidades que aparece al llevar el puntero del mouse al margen derecho de la ventana, y arrastrarlas hasta la posición en el diagrama donde desee insertarla. Alternativamente puede crear una nueva entidad copiando una entidad existente. Para ello debe arrastrar la entidad que quiere copiar manteniendo la tecla Shift presionada.

    Para modificar el texto de una entidad debe hacer click sobre la misma con el botón derecho del mouse. (Nota: en Windows, el editor aún no interpreta correctamente la tecla del acento, por lo que existe un forma alternativa para ingresar vocales con acentos que consiste en presionar la tecla Alt y la vocal simultáneamente.)

    Para eliminar una entidad debe arrastrarla hasta la papelera ubicada en la esquina inferior izquierda de la ventana.

    Puede utilizar la rueda del mouse para variar el zoom gradualmente, o seleccionar un área de la ventana con el botón del medio para hacer zoom sobre dicha área. Para mover todo el diagrama debe arrastrar el fondo (es decir, haciendo click en un lugar que no contenga ninguna entidad) con los botones derecho o izquierdo.

Tipos Simples: Numérico, Lógico, Caracter.

Estructuras de Datos: Arreglos.

Definición explícita de variables.

Existen tres tipos de datos básicos:

Numérico:

Números, tanto enteros como reales. Para separar decimales se utiliza el punto. Ejemplos: 12 23 0 -2.3 3.14

Lógico: solo puede tomar dos valores: VERDADERO o FALSO.

Carácter:

Caracteres o cadenas de caracteres encerrados entre comillas (pueden ser dobles o simples). Ejemplos 'hola' "hola mundo" '123' 'FALSO' 'etc'

    Los tipos de datos simples se determinan automáticamente cuando se crean las variables. Las dos acciones que pueden crear una variable son la lectura(LEER) y la asignacion(<-). Por ejemplo, la asignación "A<-0;" está indicando implícitamente que la variable A será una variable numérica. Una vez determinado el tipo de dato, deberá permanecer constante durante toda la ejecución del proceso; en caso contrario el proceso será interrumpido.

  

 Opcionalemnte, se puede declarar una variable numérica como entera con la instrucción DEFINIR. En este caso, todo valor no entero que se lea o asigne a la misma será truncado.

Diseño web

1. Una página web...   a) Es un archivo que contiene texto, delimitado por marcas.   b) Es un archivo, con datos sólo entendibles por un ordenador.   c) Es una imagen, una copia de una página física.   d) Ninguna es correcta

2. Las etiquetas HYML, se delimitan por los caracteres...   a) [ y ]   b) < y >   c) { y }   d) ^ y ^

3. Para crear una página web utilizamos...   a) Programas específicos para esta tarea, normalmente muy avanzados.   b) Un procesador de texto, como Word u Openoffice   c) Un programa que pueda editar texto sin formato.   d) Cualquiera de los anteriores.

4. Un navegador web es...   a) Una aplicación que gestiona y clasifica las páginas web.   b) Una página que nos permite buscar información en la web.   c) Una aplicación que interpreta el código de una página y nos lo muestra formateado.   d) Una aplicación que nos permite crear y editar páginas web, desde su código fuente.

5. ¿Cuales de estas extensiones de archivo corresponden a una página web?   a) La extensión .css   b) La extensión http o https.   c) La extensión html.   d) Cualquiera de las anteriores.

6. Un sitio web...   a) Es un equipo que almacena las páginas web.   b) Es la agrupación de varias páginas relacionadas en un directorio común.   c) Es lo mismo que una página web.

7. ¿Cuál de las siguientes se corresponde a la estructura de una etiqueta HTML?   a) <etiqueta atributo valor>   b) <etiqueta>atributo="valor"</etiqueta>   c) <etiqueta atributo="valor"></etiqueta>   d) <etiqueta atributo="valor" atributo2="valor2" /></etiqueta>

8. Las etiquetas que forman la estructura básica de la página son:   a) Una etiqueta html, que contiene a una etiqueta head, que a su vez contiene a una etiqueta body.   b) Una etiqueta html, que contiene primero una etiqueta head, y a continuación una etiqueta body.   c) Una etiqueta html, que contiene las etiquetas head y body, en cualquier orden.   d) Una etiqueta html, una head y una body, cada una a continuación de la anterior.

9. ¿Dónde escribiremos el texto de una página?   a) Dentro del body, y a su vez en otras etiquetas, como párrafos, encabezados, tablas...   b) Dentro del head, utilizando siempre párrafos (p).   c) Siempre pondremos el primer texto de la página en un h1, luego en un h2, h3... y así sucesivamente.   d) Sólo podemos ponerlo en párrafos (p) dentro de la página.

10. ¿Cómo conseguimos saltar de línea en medio del texto?   a) Creando un salto de línea en el código fuente.   b) Comenzando un nuevo párrafo, o introduciendo la etiqueta <br />.   c) Cualquiera de las respuestas anteriores.   d) Ninguna respuesta es correcta.

11. ¿Cuáles de estas imágenes podemos utilizar en una página web?   a) Imágenes HTML.   b) Imágenes PNG y JPEG.   c) Imágenes BMP y GIF.   d) Cualquiera de las anteriores.

12. ¿Qué indica el atributo alt de la imagen?   a) Un texto que se mostrará si la imagen no se puede cargar.   b) La ubicación del archivo de la imagen.   c) Un título que se verá en cualquier navegador al pasar el cursor sobre la imagen.   d) El alto de la imagen.

13. ¿Para qué sirven los enlaces en una página web?   a) Para ir a otra parte de la página.   b) Para abrir otras páginas.   c) Para descargar un archivo.   d) Cualquiera de las anteriores es cierta.

14. ¿Qué atributo del enlace indica el archivo enlazado?   a) El atributo alt.   b) El atributo src.   c) El atributo href.   d) El atributo link.

15. ¿Cómo hacemos que una imagen enlace con una página?   a) Colocando la etiqueta de imagen dentro de la del enlace.   b) Añadiendo a la imagen el atributo con el archivo enlazado.   c) Añadiendo a la etiqueta de enlace el atributo con el origen de la imagen.   d) Los enlaces sólo pueden ser de texto.

16. ¿Para qué sirve la etiqueta div?   a) Para dividir una página en subpáginas.   b) Principalmente para organizar el contenido en nuestras páginas.   c) Para hacer la página más divertida.   d) Para crear párrafos de texto.

17. ¿Qué son los estilos CSS?   a) Son una serie de propiedades que determinan cómo se verá nuestra página.   b) Son una serie de reglas a tener en cuenta para lograr una página accesible.   c) Son las distintas formas que tenemos de escribir el HTML.

18. Los estilos tienen el formato:   a) Un selector, y entre { } cada propiedad y su valor.   b) Un selector, y entre ( ) cada propiedad y su valor.   c) Entre { }, cada elemento de la página y el estilo que le asociamos.

19. Para cambiar la fuente o tipografía de un elemento...   a) Lo hacemos con la propiedad de estilo font-family.   b) Podemos indicar una lista de fuentes.   c) Hemos de tener en cuenta que no todos los usuarios tienen las mismas fuentes.   d) Cualquiera de las opciones anteriores es cierta.

20. Con los estilos de texto, podemos...   a) Poner un texto en negrita y cursiva.   b) Mostrar todos los enlaces de color rojo.   c) Poner en mayúsculas un texto, aunque esté escrito en minúsculas.   d) Cualquiera de las opciones anteriores es cierta.

21. Los bordes de un elemento...   a) Sólo se pueden mostrar en tablas, párrafos y divisiones.   b) Se definen indicando color, grosor y estilo.   c) Se muestran siempre en los cuatro lados.   d) Cualquiera de las opciones anteriores es cierta.

22. La propiedad padding establece...   a) La distancia entre el límite del elemento y los elementos que lo rodean.   b) Un estilo del borde del elemento.   c) La distancia entre el límite del elemento y su contenido.   d) La distancia de sangrado de los párrafos.

23. Como fondo de un elemento, podemos poner:   a) Sólo un color.   b) Sólo una imagen.   c) Las dos cosas a la vez, color e imagen.   d) O un color o una imagen, pero no ambas a la vez.

24. Un estilo declarado con el selector .parrafo afectará a...   a) Todos los párrafos.   b) Todos los elementos con el id parrafo.   c) Todos los elementos con la clase parrafo.   d) Todas las etiquetas parrafo.

25. En nuestro sitio, queremos que algunos enlaces se muestren, en color rojo y negrita. Lo mejor que podemos hacer es...   a) Como no es en todos los enlaces, definir un estilo incrustado para cada uno.   b) Crear una regla en la hoja para un determinado id, que aplique esas características.   c) Crear una clase en la hoja de estilo con esas características.   d) Definir el estilo correspondiente en la cabecera de las páginas en las que se utilice.

26. En la hoja de estilo, hacemos que los párrafos sean azules, centrados y con borde. En la página, redifinimos el estilo de los párrafos para que sean verdes y subrayados. Aparte, un párrafo tiene aplicada una clase de la hoja de estilo que quita el subrayado y pone un grosor de fuente normal. ¿Al final, cómo se verá ese párrafo?   a) De color verde, centrado y con borde.   b) De color verde, centrado, con borde y subrayado.   c) De color verde, centrado, con borde, subrayado y negrita.   d) De color azul, centrado, con borde, subrayado, negrita

27. ¿Qué creamos con un editor web?   a) El código HTML y CSS de nuestra página.   b) Una imagen del aspecto de la página.   c) La página de verdad, como se verá, sin código fuente.   d) La parte de la página que no podemos crear con un editor de texto.

28. ¿Qué es un editor WYSIWYG?   a) Un editor de páginas web con caracteres orientales.   b) Un editor que nos permite trabajar con la página viéndola como se verá en un navegador.   c) Un editor que sólo nos sirve para editar el código fuente, aunque formateado con colores.   d) Un editor que no trabaja con el código fuente.

29. ¿Qué ventajas tiene escribir el código fuente directamente?   a) Que es más rápido hacer las páginas.   b) Que no requerimos de programas de pago.   c) Que nos da mayor control sobre el código, y nos ayuda a aprender.   d) Ninguna, ya nadie hace páginas web así.

30. ¿Cuál de estas afirmaciones sobre KompoZer no es cierta?   a) Es un editor web gratuito.   b) Es un editor WYSIWYG.   c) Permite programación avanzada, como acceder a bases de datos.   d) Permite crear hojas de estilo.