chitika

viernes, 14 de julio de 2017

Calculadora Binario decimal codigo php css y validaciones javascript

Les comparto un pequeño codigo de una calculadora binaria decimal implementada en http://peralimon.com/blogs/redes/19-calculadora-binario-decimal, contiene codigo css, php, lenguaje de etiquetado html y validaciones en javascript espero que les sirva saludos y éxitos


<!DOCTYPE html>
 <html>
  <head>
   <title></title>
    <style type="text/css">
       .textophp{
        text-decoration: none;
         padding: 10px;
         font-weight: 600;
         font-size: 20px;
         
         border-radius: 6px;
         border: 2px solid #0016b0;
         color: #0016b0;
         background-color: #ffffff;
       }
       .boton{
         text-decoration: none;
         padding: 10px;
         font-weight: 600;
         font-size: 20px;
         color: #ffffff;
         background-color: #e0a127;
         border-radius: 6px;
         border: 2px solid #0016b0;
       }
       .boton:hover{
         color: #e0a127;
         background-color: #ffffff;
       }
       .texto{
         text-decoration: none;
         padding: 10px;
         font-weight: 600;
         font-size: 20px;
         color: #ffffff;
         background-color: #0016b0;
         border-radius: 6px;
         border: 2px solid #e0a127;
       }
       .texto:hover{
         color: #0016b0;
         background-color: #ffffff;
       }
    </style>
   </head>
   <body>
    <form action = "binario.php" method="post">
     <input type="text" name="valor" placeholder="Ingrese su número binario" onkeypress="return valida(event)" class="texto" autocomplete="off" required pattern="[01]+">
     <input type="submit" name="resultado" value="Convertir decimal" class="boton">
      </form>
    <!-- VALIDACIÓN DE DATOS A INGRESAR -->
    <script type="text/javascript">
     function valida(e){
         tecla = (document.all) ? e.keyCode : e.which;
      if (tecla==8){    //Tecla de retroceso para borrar
             return true;
         }
         patron =/[0-1]/;// solo acepta 0 y 1
         tecla_final = String.fromCharCode(tecla);
         return patron.test(tecla_final);
     }
    </script>
   </body>
 </html>
 <?php
 $i = 0;
 $sum = 0;
 $valor = isset($_POST['valor']) ? $_POST['valor'] : null ;
 if($valor!='')
 {
   echo "<p class='textophp'> NÚMERO BINARIO INGRESADO: ".$valor.'<br/>';
   $po = strlen($valor);
  for ($i=1; $i <= $po; $i++) 
  { 
   $a = substr($valor, $i*-1,1);
   $res = pow(2, $i-1);
   if ($a==1) {
    $sum = $sum + $res;
   }
   if($a!=1 & $a!=0) {
    echo '1';}
   }
   echo "<p class='textophp'>NÚMERO DECIMAL RESULTANTE: ".$sum;
  }
?>

lunes, 19 de junio de 2017

Anti Rebote Pulsador Arduino





les comparto un pequeño código de validación  algo muy fácil para combatir el anti rebote de un púlsate en ARDUINO

aquí les va el sketch:


int pin = 2;
int estado;
int pulsante = 0;
void setup()
 {
    pinMode(2,INPUT);//pulsante
   pinMode(13,OUTPUT);//led
   Serial.begin(9600);
}
void loop() 
{
      if(digitalRead(2)==HIGH)
      {
        pin = 2;
        antiRebote();//llamamos nuestra función antirebote
      } 
}
void antiRebote()
{
     while(digitalRead(pin)==LOW);
     estado = digitalRead(13);
     digitalWrite(13,!estado);
     while(digitalRead(pin)==HIGH);
    
}
 
 

lunes, 29 de mayo de 2017

Registro y Validación de usuario php, mysql, html

Escribiendo un poco de código: aplicando el método POST básico conjuntamente utilizando lenguaje de marcado HTML y el lenguaje de código abierto PHP, enlazado a MYSQL, validando usuario no duplicado en nuestra base de datos.
Archivo a generar = index.html
--------------------------------------------------------------
 
<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
 <form action="registrar.php" method="POST" name="form">
  <p>Nombre:<input type="text" name="nombre" required></p>
  <p>Apellido:<input type="text" name="apellido"></p>
  <p>Mail:<input type="email" name="mail"></p>
  <p>Usuario:<input type="text" name="usuario"></p>
  <p>Password<input type="password" name="pass"></p>
  <p><input type="submit" name="resgistrar" value="registrar"></p>
 </form>
</body>
</html>
Archivo a generar = conexion.php
-------------------------------------------------------------- 
 
<?php
 $con=mysql_connect('localhost','root','') or die ('No se pudo conectar' .mysql_error());
 echo'Connection Successfully';
 mysql_select_db('dBPhp')or die('No se pudo conectar a la base de datos');
?>
 --------------------------------------------------------------
Archivo a generar = registrar.php 


<?php
include 'conexion.php';
// recibir y almacenar en variables
$nombre =  isset($_POST['nombre'])? $_POST['nombre']:null;
$apellido = isset($_POST['apellido'])? $_POST['apellido']:null;
$mail = isset($_POST['mail'])? $_POST['mail']:null;
$usuario = isset($_POST['usuario'])? $_POST['usuario']:null;
$pass = isset($_POST['pass'])? $_POST['pass']:null;

//consulta para inserta
$insertar = "INSERT INTO cliente (nombre,apellido,mail,usuario,pass) VALUES ('$nombre','$apellido','$mail','$usuario','$pass')";

$verificar_Usuario =  mysql_query("SELECT * FROM cliente WHERE  usuario = '$usuario'");
if(mysql_num_rows($verificar_Usuario)>0){
 echo'Usuario ya se registro';
 exit;
}




//ejecutar consulta
$resultado = mysql_query($insertar,$con);
if(!$resultado){
 echo'error consulta';
 }else{
 echo'Usuario registrado exitosamente';
 }
mysql_close($con);

?> 
 
 

 
 
 

viernes, 27 de enero de 2017

Método POST, formulario HTML , PHP básico

Escribiendo un poco de código: aplicando el método POST básico conjuntamente utilizando lenguaje de marcado HTML y el lenguaje de código abierto PHP, la próximamente subiré el mismo formulario enlazado a MYSQL y posterior mente validaciones.


<?php
$date = isset($_POST['date']) ? $_POST['date']: null;
$nombre = isset($_POST['nombre']) ? $_POST['nombre'] : null ;
$apellido = isset($_POST['apellido'])? $_POST['apellido'] : null ;
$sexo = isset($_POST['sexo'])? $_POST['sexo'] : null ;
$educacion = isset($_POST['educacion'])?$_POST['educacion']:null;
$email = isset($_POST['email'])? $_POST['email']:null;
$tarjeta = isset($_POST['tarjeta'])?$_POST['tarjeta']:null;
$p001 = isset($_POST['p001'])?$_POST['p001']:null;
$p002 = isset($_POST['p002'])?$_POST['p002']:null;
$p003 = isset($_POST['p003'])?$_POST['p003']:null;
$p004 = isset($_POST['p004'])?$_POST['p004']:null;
$p005 = isset($_POST['p005'])?$_POST['p005']:null;
$p006 = isset($_POST['p006'])?$_POST['p006']:null;
$p007 = isset($_POST['p007'])?$_POST['p007']:null;
$terminos = isset($_POST['terminos'])? $_POST['terminos']:null;
$descripcion = isset($_POST['descripcion'])?$_POST['descripcion']:null;

if(isset($date)){
 echo '<ol><li>'.$date.'<br/>';
 echo '<li>'.$nombre.'<br/>';
 echo '<li>'.$apellido.'<br/>';
 echo '<li>'.$sexo.'<br/>';
 echo '<li>'.$email.'<br/>';
 echo '<li>'.$tarjeta.'<br/>';
 echo '<li>'.$p001.'<br/>';
 echo '<li>'.$p002.'<br/>';
 echo '<li>'.$p003.'<br/>';
 echo '<li>'.$p004.'<br/>';
 echo '<li>'.$p005.'<br/>';
 echo '<li>'.$p006.'<br/>';
 echo '<li>'.$p007.'<br/>';
 //echo '<li>'.$terminos.'<br/>';
 echo '<li>'.$descripcion.'<br/>';
}
else {echo 'Post';}
?>

<!DOCTYPE html>
<html>
 <head>
  <title>Cuanto te gusta LINUX metodo post</title>

  <script> 
   function revisar() { 
    if(form.tarjeta == "Por favor Seleccione ...") { alert('Debes poner el nombre') ; return false ; } 
   } 
  </script> 
 </head>
 <body  bgcolor= "#f0f0f0">
  <form action="formulario.php" method="POST" name="form">

   <p align="center"><h1>Por favor complete el siguiente formulario</h1></p>
   <!--Etiqueta de tipo Fecha-->
    <p><strong>Día mes y año:</strong></p>
     <p><input type="date" name="date" required/></p>
   <!--Campo Oculto-->
   <input type="hidden" name="edad" value="32" />
   <!--creación de los textos-->
   <p><strong>Nombres:</strong><p>
    <p><input type="text" name="nombre" /></p>
   <p><strong>Apellidos:</strong><p>
    <p><input type="text" name="apellido" /></p>

   <!--Creación de botón de opción-->
   <p><strong>Selecciones su sexo</strong></p>
   <p>

    Masculino:<input type="radio" name="sexo" value="masculino" ><br/> 
    Femenino:<input type="radio" name="sexo" value="femenino" checked="checked"><br/>
    Indefinido:<input type="radio" name="sexo" value="indefinido"><br/>
   </p>
   <!--Creación de checkbox-->
   <p>Estudiante:<input type="checkbox" name="educacion" value="estudiante" /><br/>
   Profesional:<input type="checkbox" name="educacion" value="Profesional" /><br/>
   Master:<input type="checkbox" name="educacion" value="Master" /><br/>
   Doctor:<input type="checkbox" name="educacion" value="Doctor" /></p>
   <!--validación de correo con atributo pattern -->
   <!--<input type="email" name="email"/>-->
   <p><strong>Email:</strong></p>
    <p><input type="text" pattern="^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" name="email" required/></p>



   <p><strong>Distribución de SL que utilizas:</strong></p>
   <!--creación del drop down list-->
   <p><select name="tarjeta" id="tarjetas" required/>
    <option selected="selected">Por favor Seleccione ...</option>
    <option value="visa">Red Hat Enterprise Linux</option><br/>
    <option value="mastercard">Debian</option><br/>
    <option value="americanexpress">OpenSUSE</option><br/>
    <option value="paypal" >Fedora</option><br/>
    <option value="discover">CentOS</option><br/>
    <option value="archlinux">Arch Linux</option><br/>
    <option value="manjaro">Manjaro</option>
    <option value="ubuntu">Ubuntu</option>
    <option value="linuxmint">Linux Mind</option>
    <option value="elementaros">Elementary OS</option>
    <option value="zorinos">Zorin Os</option>
    <option value="peppermintos">Peppermint OS</option>
    <option value="tails">Tails</option>
    <option value="kalilinux">Kali Linux</option>
    <option value="blackArchlinux">BlackArch Linux</option>
    <option value="Archassault">Arch Assault</option>
    <option value="puppylinux">Puppy Linux</option>
    <option value="">linux kids</option>
    <option value="lubuntu">Lubuntu</option>
    <option value="damnsmalllinux">Damn Small Linux</option>
    <option value="slitaz">SliTaz</option>
    <option value="lxle">LXLE</option>
    <option value="bodhilinux">Bodhi Linux</option>
    <option value="q4os">Q4OS</option>
    <option value="distroastro">Distro Astro</option>
    <option value="steamos">SteamOS</option>
    <option value="artistx">ArtistX</option>
    <option value="ubuntustudio">Ubuntu Studio</option>
    <option value="scientificlinux">Scientific Linux</option>
    <option value="ceeld">CEELD</option>
    <option value="edubuntu">Edubuntu</option>
    <option value="openelec">Openelec</option> 
   </select></p>
    <p><strong>¿Todo programa que funciona para Linux es libre? ¿y gratis?</strong><p>
     <p><input type="text" name="p001" /></p>
    <p><strong>¿Cuál es la diferencia entre Free Software y Open Source Software?</strong>
     <p><input type="text" name="p002" /></p>
    <!--Etiqueta de tipo password-->
    <p><strong>Escribe una contraseña que te paresca segura</strong></p>
     <p><input type="password" name="p003" /></p>
    <p><strong>¿Es más seguro el software libre que el software privativo?</strong>
     <p><input type="text" name="p004" /></p>
    <p><strong>¿Es más potente el software libre o el privativo?</strong>
     <p><input type="text" name="p005" /></p>
    <p><strong>¿Cómo se llama el software que no es libre?</strong>
     <p><input type="text" name="p006" /></p>
    <p><strong>¿Por que el software libre, cuáles son su ventajas?</strong></p>
     <p><input type="text" name="p007" /></p>
    <!--Cuadro de verificación-->
    <p><input type="checkbox" name="terminos" required/> Seleccione si usted certifica usted tiene mente libre, es mayor de 18 años y acepta todos los terminos de <a href="http://informaticalibre84.blogspot.com">http://informaticalibre84.blogspot.com</a></input></p>
    <!--creación de un textarea-->
    <p><strong>Sugerencias:</strong></p>
    <p><textarea rows="5" name="descripcion" cols="20">Comentario</textarea></p>
   

    <p><input type="submit" name="enviar" value="enviar">
    <input type="reset" name="limpiar" value="Borrar"></p>
  </form>
 </body>
</html>

lunes, 9 de enero de 2017

Conexión MYSQL en NETBEANS


Como se encuentran mis estimados desarrolladores….
Hoy le traigo una forma rápida de conectar una base de datos
MYSQL en NEATBEANS.

1)    Descargar el conector https://dev.mysql.com/downloads/connector/j/5.0.html y guárdala en una carpeta de rápido acceso.
2)    Crear Un proyecto NETBEANS
1)    seleccionamos la carpeta Java > Java Application > Siguiente > colocamos el Nombre del Proyecto a realizar> Terminar.

2)    Desplegamos nuestro proyecto > Clic derecho sobre Biblioteca>clic Agregar Biblioteca> seleccionamos Drive MySQL JDBC>Add Library.

3)    Clic derecho sobre Biblioteca>clic Agregar archivo JAR/Carpeta> seleccionamos el archivo comprimido >seleccionar> listo.

4)    Creamos dos Java Package uno con el nombre de Modelo y el otro Vista
5)    Clic derecho sobre Paquetes de fuentes>Nuevo>clic en Java Package>colocamos el nombre de Modelo>Terminar.
6)    Clic derecho sobre Paquetes de fuentes>Nuevo>clic en Java Package>colocamos el nombre de Vista>Terminar.
7)    Clic derecho sobre modelo>Nuevo>Java Class>colocamos el nombre Conexión>Terminar.
8)    Abrimos la clase conexión y escribimos el siguiente código:

package Modelo;
import java.sql.*;//Importamos todas la librerías de SQL con el * al final
public class Conexion {
public Conexion(){}
        public Connection getConnection(){
            Connection con = null;
            try{
                Class.forName("com.mysql.jdbc.Driver");
               con = DriverManager.getConnection("jdbc:mysql://localhost:3306/dBFactura","root","");
                if(con != null){
                    System.out.println("Conexion establecida");
                }
            }catch(ClassNotFoundException | SQLException e){
                System.out.println("Error en la Conexión"+e);
            } 
            return con;
        }      
    }

9)    Clic derecho sobre el Java Package Vista>Nuevo>Formulario Jframe> Colocamos el nombre que nos guste> Terminar.
10) Abrimos el formulario jframe creado> no colocamos en modo Design > y agregamos un botón para probar nuestra conexión.
11) No ubicamos en Controles Swing > clic Botón> lo colocamos en nuestro Formulario JFrame> clic derecho sobre el botón creado>editar texto> colocamos el nombre prueba conexión.
12) Doble clic sobre el botón conexión no abrirá el Source y colocamos el siguiente código para probar nuestra conexión.
package Vista;

import Modelo.Conexion;
import java.sql.*;//no nos olvidemos de importa nuestras librería SQL
    private void jButton1ActionPerformed(java.awt.event.ActionEvent evt)
{                                       
        Conexion con = new Conexion();//Instanciamos la clase Conexión
         con.getConnection();
}

13) Por ultimo clic derecho sobre nuesta Formulario JFrame> ejecutar archivo.
14) Clic en conexión si no tuvimos ningún problema no saldrá el mensajes Conexión Establecida Caso contrario mostrara el error generado.
15) Saludos Éxitos

cambiar favicon Joomla

Cambiar el molesto icono de joomla ahora es muy facil con una pequeña extension llamado 
Phoca Favicon que lo pueden encontrar de forma gratuita en: http://www.phoca.cz/phocafavicon 
una vez instalada la extension nos ubicamos en: 
1) la barra de menu de joomla componentes 
2) Phoca Favicon 
3) Create Favicon 
una vez ahi podemos elegir en que
template se aplicara el favicon, 
seleccionamos la imagen a vizualizar en la parte superior y start Upload 
4) seleccionamos la imagen 
5)create y listo el fastidioso favicon por default cambio por la imagen deseada 

posdata si no funciona al primera prueben eliminando cookies de la web. 

gracias si le a gustado rejalame +10 
cambiar favicon joomla

Samba compartir carpetas Linux a Windows Basico

actualizamos nuestros repositorios 

sudo apt-get update 

instalamos samba 

sudo apt-get install samba 

creacion de la carpeta a compartir 

sudo mkdir /home/nombre_de_usuario/Escritorio/nombredecarpetaacompartir 

le damos permisos totales o los que deseemos en este caso totales y en forma recursiva 

sudo chmod 777 -R home/nombre_de_usuario/Escritorio/nombredecarpetaacompartir 

creamos un archivo para probar 

touch home/nombre_de_usuario/Escritorio/nombredecarpetaacompartir/archivoprueba.txt 

insertamos texto en el archivo 

echo “hola mundo” >> home/nombre_de_usuario/Escritorio/nombredecarpetaacompartir/archivoprueba.txt 

visualizamosel texto del archivo 

sudo cat home/nombre_de_usuario/Escritorio/nombredecarpetaacompartir/archivoprueba.txt 

ingresamos en el archivo de configuracion de samba para compartir nuestra carpeta 

sudo nano /etc/samba/smb.conf 

al final del archivo escribimos las siguientes lineas de codigo 

[cualquier_nombre_que_quieras_que_aparesca_en_windows] 
path = home/nombre_de_usuario/Escritorio/nombredecarpetaacompartir ______escribimos direccion exacta de su carpeta a compartir 
writeable = yes 
comment = caperta compartida para Windows 
browseable = yes 
valid users = nombre_de_usuario 
admin users = root 


pulsamos control + o para guardar cambios 
pulsamo la tecla enter 
y despues pulsamos control mas x para salir 

reiniciar servicio de samba para poder aplicar cambios 

sudo /etc/init.d/smbd restart 

listo la configuracion basica de linux ubuntu 

En windows digitamos la ip del servidor de samba 
ejecutar en windows 
pulsamos la tecla 
windows + r 
ingresamos la ip de nuestro servidor 
\ip_de_servidor_samba 
digitamos nombre de usuario y contraseña y listo si no desean acceder con contraseña solo cambiamos el texto por. 

[cualquier_nombre_que_quieras_que_aparesca_en_windows] 
path = home/nombre_de_usuario/Escritorio/nombredecarpetaacompartir 
writeable = yes 
comment = caperta compartida 
para Windows 
browseable = yes 
public = yes 


y listo gracias