Publicar

Publicar ejemplos de código fuente (Programación)

Ya que en la Universidad Politécnica Salesiana existen varios docentes de diferentes áreas que trabajan o dan clases con lenguajes de programación; en el sitio se dispone de un plugin llamado “Crayon”  que permite publicar código de programación en diferentes lenguajes pero en un formato visual llamativo y comprensible para ese tipo de contenido de manera sencilla.

Para insertar este tipo de contenido en una publicación, dar clic en el botón (1) “Agregar código Crayon” que se encuentra en la barra de herramientas del editor de contenido de la publicación.

crayon 1

Al dar clic en el botón se desplegara una ventana que permite ingresar el contenido, consta de varias opciones pero básicamente solo se requiere insertar el código a publicar y seleccionar el lenguaje de programación en el que está escrito.

crayon 2

Para finalizar presionamos en el botón “Añadir” ubicado en la parte superior derecha.

Como ejemplo tenemos código hecho en JAVA:

import java.util.*;

public class Bidimensional2 {

    public static void main(String[] args) {
        final int FILAS = 5, COLUMNAS = 4;
        Scanner sc = new Scanner(System.in);
        int i, j, mayor, menor;
        int filaMayor, filaMenor, colMayor, colMenor;
        int[][] A = new int[FILAS][COLUMNAS];
        System.out.println("Lectura de elementos de la matriz: ");
        for (i = 0; i < FILAS; i++) {
            for (j = 0; j < COLUMNAS; j++) {
                System.out.print("A[" + i + "][" + j + "]= ");
                A[i][j] = sc.nextInt();
            }
        }
        System.out.println("valores introducidos:");
        for (i = 0; i < A.length; i++) { 
            for (j = 0; j < A[i].length; j++) {
                System.out.print(A[i][j] + " ");
            }
            System.out.println();
        }
        mayor = menor = A[0][0];//se toma el primero como mayor y menor
        filaMayor = filaMenor = colMayor = colMenor = 0;

        for (i = 0; i < A.length; i++) {  //
            for (j = 0; j < A[i].length; j++) {
                if (A[i][j] > mayor) {
                    mayor = A[i][j];
                    filaMayor = i;
                    colMayor = j;
                } else if (A[i][j] < menor) {
                    menor = A[i][j];
                    filaMenor = i;
                    colMenor = j;
                }
            }           
        }
        System.out.print("Elemento mayor: " + mayor);
        System.out.println(" Fila: "+ filaMayor + " Columna: " + colMayor);
        System.out.print("Elemento menor: " + menor);
        System.out.println(" Fila: "+ filaMenor + " Columna: " + colMenor);
    }
}

 

07 May 2014

Fórmulas matemáticas con LaTeX

Se tiene la posibilidad de insertar fórmulas matemáticas utilizando código LaTeX en las publicaciones, esto es gracias a una funcionalidad de Jetpack que por defecto viene activado, en caso de que desee desactivarlo o verificar su estado seguir los siguientes pasos:

Acceder al menú de Jetpack:

1jetpack

Una vez desplegado el menú buscamos la opción “Hermosa Matemática”, damos clic en “Más Información” y podremos ver el estado del plugin y una descripción rápida.

latex2

 

Insertar Código LaTeX

En el editor de contenido de las publicaciones debemos escribir el código LaTeX pero dentro de uno de los siguientes códigos:

  • $latex su código latex aquí $ 
  • [latex] su código latex aquí [/latex]

 

Ejemplos:

DESCRIPCIÓN CÓDIGO LATEX   CÓDIGO LATEX SALIDA
Raíz Cuadrada $latex \sqrt{x}$ [latex] \sqrt{x} [/latex] $latex \sqrt{x}$
Fracciones $latex \frac{a}{b+c}  $ [latex] \frac{a}{b+c}     [/latex] $latex \frac{a}{b+c}$
Potencia $latex x^2 $ [latex] x^2  [/latex] $latex x^2$
Subíndice $latex  x_{2}  $ [latex] x_{2} [/latex] $latex x_{2}$
Paréntesis Grandes $latex \left(  \frac{a}{b}  \right)$ [latex] \left(  \frac{a}{b}  \right)[/latex] $latex \left(\frac{a}{b}\right)$

Usted puede combinar los códigos para generar una ecuación o formula de mayor complejidad por ejemplo:
La pendiente de una recta

m=\left( \frac{y_2-y_1}{x_2-x_1}\right)

El resultado que se visualiza es:

$latex m=\left(\frac{y_2-y_1}{x_2-x_1}\right)$

Además de los códigos presentados existen varios más que pueden ser de utilidad, de los cuales usted puede ver la especificación en diferentes sitios de Internet

05 May 2014

Crear formulario de contacto

Para crear una página de contacto, o un formulario de contacto que luego deseemos insertar en nuestra página, debemos empezar Activar el componente “Formularios de Contacto”, para lo cual diríjase en el menú de navegación a la opción JetPack.

Opción plugin JetPack

Ahora localice el bloque “Formulario de Contacto” y haga clic en el botón “Activar”

Realice el mismo proceso para crear una página, dirigiéndose por la opción “Páginas” >> “Añadir Nueva” y sobre el formulario de creación de la página, en la parte superior del editor haga clic en el botón “Añadir formulario de contacto”

Botón Añadir Formulario de Contacto

En la ventana que se presenta puede modificar los campos del formulario a añadir y también el correo al que llegaran los comentarios o mensaje ingresado por medio del formulario que está añadiendo.

Ventana de crear formulario

 

Ventana de datos de correo

Como se observa en la imagen anterior, los datos de notificación del correo son opcionales, pues en caso de no ingresarse los mensajes llegaran a usted como creador de la página y como asunto el título de la misma.  Si cambio los datos de correo como se muestra en la imagen, haga clic en el botón “Guardar y volver al generador de formularios” y para finalizar en el botón “Añadir este formulario en mi entrada”, quedando el editor con un texto similar al de la siguiente imagen:

Texto de página de contacto

Para finalizar proceda a publicar la página, tras lo cual podremos acceder a la página creada quedando un resultado como el presentado en la siguiente imagen:

Página de contacto

28 Abr 2014