viernes, 6 de abril de 2012

Calcular Network y Broadcast con Javascript

Hola a todos, esta vez escribo sólo con la intención de compartir un programita simple escrito con Javascript que calcula el Network y Broadcast para un IP/MASK especificado por el usuario, por ahora no hablaré de nada de teoría de como se hacen los cálculos ni tampoco de como manejar binarios en Javascript. Pero prometo que lo haré tan pronto pueda para aclarar un poco este asunto.

Por el momento, les dejo todo el código necesario, por simplicidad, lo metí todo en un sólo archivo html que va a continuación:

 <html>
    <head>
        <title>Calculadora de Subred</title>
        <script>
            /*
             * Funcion encargada de calcular y mostrar los resultados
             */
            function calcularSubred() {
                var ipMask = document.getElementById('txtInput').value;

                if(validateIpMask(ipMask)) {

                    // array de 4 elementos, 1 para cada octeto
                    var ip = parseIp(ipMask);

                    // array de 4 elementos, 1 para cada octeto
                    var mask = parseMask(ipMask);

                    var net = calcularNetwork(ip, mask);

                    var broad = calcularBroadcast(ip, mask)

                    document.getElementById('spanIpDec').innerHTML = formatNumber(ip);
                    document.getElementById('spanIpBin').innerHTML = formatNumber(ip, 2);

                    document.getElementById('spanMaskDec').innerHTML = formatNumber(mask);
                    document.getElementById('spanMaskBin').innerHTML = formatNumber(mask, 2);

                    document.getElementById('spanNetworkDec').innerHTML = formatNumber(net);
                    document.getElementById('spanNetworkBin').innerHTML = formatNumber(net, 2);

                    document.getElementById('spanBroadcastDec').innerHTML = formatNumber(broad);
                    document.getElementById('spanBroadcastBin').innerHTML = formatNumber(broad, 2);

                    document.getElementById('divError').innerHTML = '';
                } else {
                    document.getElementById('divError').innerHTML = 'IP/MASK Inválido';
                }
            }

            /*
             * Obtiene el IP de la entrada de usuario
             */
            function parseIp(ipMask) {
                var str = ipMask.split('/')[0];
                var a = str.split('.');

                return [parseInt(a[0]), parseInt(a[1]), parseInt(a[2]), parseInt(a[3])];
            }

            /*
             * Obtiene la mascara de red de la entrada de usuario
             */
            function parseMask(ipMask) {
                var str = ipMask.split('/')[1];
                var mShortFormat = parseInt(str);

                var strMask = '';

                var index = 1;
                while(index <= 32) {
                    strMask += (index <= mShortFormat) ? '1' : '0';
                    strMask += (index % 8 == 0) ? "." : '';
                    index++;
                }

                var a = strMask.split('.');

                return [parseInt(a[0], 2), parseInt(a[1], 2), parseInt(a[2], 2), parseInt(a[3], 2)];
            }

            /*
             * Calcula el network para el ip y la mascara de red especificado
             *
             * El network se obtiene al hacer un AND bit a bit entre el IP y la mascara de red
             */
            function calcularNetwork(ipArray, maskArray) {
                return [(ipArray[0] & maskArray[0]),
                            (ipArray[1] & maskArray[1]),
                            (ipArray[2] & maskArray[2]),
                            (ipArray[3] & maskArray[3])];
            }

            /*
             * Calcula el broadcast para el ip y la mascara de red especificado
             *
             * El broadcast se obtiene al hacer un OR bit a bit entre el IP y el complemento
             * a uno de la mascara de red
             */
            function calcularBroadcast(ipArray, maskArray) {
                var maskComp1 = obtenerComplementoUno(maskArray);
                return [(ipArray[0] | maskComp1[0]),
                           (ipArray[1] | maskComp1[1]),
                           (ipArray[2] | maskComp1[2]),
                           (ipArray[3] | maskComp1[3])];
            }

            /*
             * Invierte cada uno de los bits del ip, esto es sólo un hack
             * para conseguirlo ya que javascript no posee una forma
             * directa para hacerlo, diferente a otros lenguajes
             * el operador (~) de javascript obtiene el complemento a dos
             * en lugar del complemento a uno.
             */
            function obtenerComplementoUno(ipArray) {
                var flag = 0xFF;
                return [(ipArray[0] ^ flag), (ipArray[1] ^ flag), (ipArray[2] ^ flag), (ipArray[3] ^ flag)];
            }

            /*
             * Retorna un numero ip en el formato N.N.N.N
             *
             * Dependiendo de la base que se le pase, N puede ser decimal o binario
             */
            function formatNumber(ipArray, base) {
                if(base == 2) {
                    var n1 = completar8Bits(ipArray[0].toString(2));
                    var n2 = completar8Bits(ipArray[1].toString(2));
                    var n3 = completar8Bits(ipArray[2].toString(2));
                    var n4 = completar8Bits(ipArray[3].toString(2));

                    return n1 + '.' + n2 + '.' + n3 + '.' + n4;
                } else {
                    return ipArray[0] + '.' + ipArray[1] + '.' + ipArray[2] + '.' + ipArray[3];
                }
            }

            /*
             * Al convertir un entero a binario no siempre mostrará con la cantidad de bits fija
             * Como nosotros queremos que sea mostrada en grupos de 8 bits,
             * esta funcion rellena con ceros los bits faltantes
             */
            function completar8Bits(ip) {
                var newIp = ip;
                for(var i = ip.length; i < 8; i++) {
                    newIp = ("0" + newIp);
                }
                return newIp;
            }

            /**
             * Verifica que el ip y la mascara de red ingresados por el usuario
             * cumpla con el formato IP/MASK y que sea un IP válido.
             */
            function validateIpMask(ipmask) {
                var re = new RegExp("\\b[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}/[0-9]{1,2}\\b");
                if(ipmask.match(re)) {
                    var ip = parseIp(ipmask);
                    var maskDec = parseInt(ipmask.split('/')[1]);
                    return (ip[0] < 256) && (ip[1] < 256) && (ip[2] < 256) &&
                              (ip[3] < 256) && (maskDec < 32);
                }
                return false;
            }

            function typing(event) {
                var keyCode = ('which' in event) ? event.which : event.keyCode;
                if(keyCode == 13) {
                    calcularSubred();
                } else {
                    var defaultValue = '&nbsp;&nbsp;&nbsp;.&nbsp;&nbsp;&nbsp;.&nbsp;&nbsp;&nbsp;.&nbsp;&nbsp;&nbsp;';
                    document.getElementById('spanIpDec').innerHTML = defaultValue;
                    document.getElementById('spanIpBin').innerHTML = defaultValue;

                    document.getElementById('spanMaskDec').innerHTML = defaultValue;
                    document.getElementById('spanMaskBin').innerHTML = defaultValue;

                    document.getElementById('spanNetworkDec').innerHTML = defaultValue;
                    document.getElementById('spanNetworkBin').innerHTML = defaultValue;

                    document.getElementById('spanBroadcastDec').innerHTML = defaultValue;
                    document.getElementById('spanBroadcastBin').innerHTML = defaultValue;

                    document.getElementById('divError').innerHTML = '';
                }
            }
        </script>
        <style>
            .label {
                text-align: right; font-size: 20pt;
                font-weight: bold; color: #666;
            }
            .entrada { font-size: 20px; font-weight: bold; }
            .sample { color: #777; font-size: small; font-style: italic;}
            table { font-size: 20pt; color: #777; margin: 20px; }
            .error { color: red; margin: 10px; padding: 10px; }
        </style>
    </head>
    <body>
        <center>
            <h2>Calculadora de Subred</h2>
            <label for="txtInput">IP/MASK</label>
            <input id='txtInput' type="text" class="entrada" onkeyup="typing(event)" />
            <input type="button" value="Calcular" onclick="calcularSubred()" />
            <div class="sample">
                Ej: 192.168.1.8/24&nbsp;&nbsp;&nbsp;&nbsp;10.10.10.45/26
            </div>
            <div id="divError" class="error"></div>
            <table cellpadding="8" cellspacing="0">
                <tr>
                    <td class="label">IP:</td>
                    <td><span id="spanIpDec"></span></td>
                    <td><span id="spanIpBin"></span></td>
                </tr>
                <tr>
                    <td class="label">Mask:</td>
                    <td><span id="spanMaskDec"></span></td>
                    <td><span id="spanMaskBin"></span></td>
                </tr>
                <tr>
                    <td class="label">Network:</td>
                    <td><span id="spanNetworkDec"></span></td>
                    <td><span id="spanNetworkBin"></span></td>
                </tr>
                <tr>
                    <td class="label">Broadcast:</td>
                    <td><span id="spanBroadcastDec"></span></td>
                    <td><span id="spanBroadcastBin"></span></td>
                </tr>
            </table>
        </center>
    </body>
</html>








Esto es lo que verán si ejecutan el html, por ahora es todo.
Publicado por en No hay comentarios:
Etiquetas: , , , ,

martes, 3 de abril de 2012

Imprimir el código fuente de un proyecto

Tiempo atrás, con dos amigos más, nos encontrabamos implementando un programa como parte de una investigación, luego de terminarlo, nos vimos en la necesidad de imprimir el código fuente completo del programa desarrollado para anexarlo a un libro, como eran demasiados los archivos a imprimir y se encontraban en carpetas distintas, sería una tarea poco agradable realizarlo archivo por archivo.

Luego de realizar algunas investigaciones me encontré con unos comandos de linux que nos ayudarían a realizar la mencionada tarea, el primero de ellos es "enscript", un programa utilizado para convertir archivos de texto a otros formatos, tales como Postscript (por defecto), HTML, RTF y algunos más;
y el segundo es "ps2pdf" cuya función es convertir archivos de formato Postscript a PDF.

En nuestro caso en particular el software los escribimos en Java, pero esto es perfectamente utilizable con el código fuente de cualquier lenguaje.

A continuación quiero compartir con ustedes el pequeño script que escribí, talvez le ahorre a alguien algo de tiempo.


#########################################################

echo "Obteniendo los nombres de los archivos con extension java..."
find . -name '*.java' > ./filenames-to-print

echo "Obteniendo los nombres de los archivos con extension css..."
find . -name '*.css' >> ./filenames-to-print

echo "Obteniendo los nombres de los archivos con extension html..."
find . -name '*.html' >> ./filenames-to-print

echo "Obteniendo los nombres de los archivos con extension xml..."
find . -name '*.xml' >> ./filenames-to-print

echo "Obteniendo los nombres de los archivos con extension js..."
find . -name '*.js' >> ./filenames-to-print


echo "Generando archivo pdf..."

enscript -r -2 -E --margin=48:30:25:25 --color --line-numbers -o - `cat ./filenames-to-print` | ps2pdf - printable-src.pdf

#########################################################


Lo primero que hace es recopilar en un archivo de texto los nombres de todos los archivos en los que estabamos interesados que sean impresos, luego le pasamos a enscript esta lista de nombres y nos retorna un único archivo Postscript cuyo contenido es a la vez el contenido de cada uno de los archivos especificados, uno tras otro. Con las opciones especificadas arriba resulta un archivo con páginas en forma horizontal, a dos columnas de texto y márgenes indicados, además de mostrar números de líneas y texto en color.


Seguidamente, pasamos el archivo postscript como argumento al comando ps2pdf para tenerlo en formato PDF, y por último, directo a la impresora.
Publicado por en 4 comentarios:
Etiquetas: , , , ,
Suscribirse a: Entradas (Atom)