roni1990

Vamos a continuar con la 3era. parte de esta creacion de un portal web Resumiendo un poco , la vez o mejor dicho en el tutorial anterior nos habiamos quedado en que ya se podian registrar nuestros usuarios a la Base de Datos . Y nos aparecía la siguiente Imagen Pero a lo mejor nos preguntamos ¿Y Ahora queeee?. Pues lo que haremos sera lo siguiente: -Evitar Registros Vacios -Redireccionar a un formulario de Login -Crear Formulario de Login Vamos a Iniciar. 1.-Al decir que Evitar Registros Vacios , es que si nosotros nos vamos a http://localhost/tutorial/php/recibir.php y le damos F5 , nos seguira Registrando en la Base de Datos , Y para muestra esta Imagen: Le he dado F5 y me ha guardado registros vacios, cosa que esta muy mal!!!. Lo unico que nos guarda son los id y eso es por que le hemos puesto que son auto_increment. Vamos a evitar eso 2.-Vamos abrir nuestro archivo recibir.php y colocamos las siguientes lineas de codigo , despues de la imagen va la explicación. Explicación: Creo que las primeras 7 lineas de codigo no son necesarias explicarlas , ya que hemos visto eso en anteriores Tutoriales. Primer if --> Indicamos que si es Verdad que las Cajas de Texto han sido llenadas que pase hacer lo siguiente , con el AND Le indico que se tienen que llenar todas las cajas de lo contrario se pasara al segundo else. Segundo if--> Practicamente lo mismo que el primer if , pero ahora decimos que si la variable insertar es verdadera pase hacer lo del bloque , de lo contrario pasara al else. 3.-Bien ahora vamos a http://localhost/tutorial/php/recibir.php y veremos lo siguiente: Vamos a la Base de Datos y veremos que ya no nos guarda más Registros Lo podemos ver , ya que nos arroja las 5 filas que teniamos en el principio 4.-Vamos a comprobar si es que todavia guarda datos nuestra base de datos . Ingresemos a la direccion donde esta el formulario http://localhost/tutorial/. Vamos a llenarlo con los datos que quieramos .Nos mostrara lo siguiente: Y despues Vamos a la Base de Datos y nos aparecera el registro que acabamos de ingresar: Bien ahora ya hemos evitado los registros vacios , pero no sigue apareciendo ese mensaje de Registrado con exito!!!. Vamos evitarlo redireccionando a otro formulario de Login. 5.-Nuevamente nos vamos a nuestro archivo recibir.php y colocamos los siguientes codigos, Despues de la imagen , la explicacion: Explicación: Ha quedado un poco grande nuestro codigo , pero pues nada más lo unico que le hemos agregado son lo direccionamientos , no es nada raro. de la Linea 22 a la 31 , he agregado codigo HTML La etiqueta <meta> -->recibe dos atributos . 1.-http-equiv='REFRESH'=Decimos que se tiene que Refrescar la pagina 2.-content="0 ; url=..."= Indicamos que en 0 segundos se tiene que dirigir a la pagina que le indiquemos delante de url. No es necesario explicar lo demás ya que el codigo es repetitivo.. Ahora lo que haremos sera el Formulario de login.html 6.-Vamos a abrir un nuevo archivo y lo guardaremos como login.html , este se guardara en la carpeta tutorial , junto donde esta index.html . Escribimos el siguiente codigo: Y nos aparecera lo siguiente: Creo que no es necesario hacer una explicacion de este ultimo punto . Pues me despido en esta ocasion , espero que les sirva y continuen siguiendo los demás Tutoriales... Nota: Si quieres los Tutoriales en PDF de los anteriores Tutoriales y esté, se encuentran en este Pagina http://www.tux-torialesderoni.net

Vamos a continuar con esta creacion de un Sistema Web . No sin antes agradecer a todos los que me siguen, visitan mis tutoriales, comentar y dejan puntos. Gracias !!!!!! Vamos a terminar por darle estilos a lo poco que llevamos de nuestro Sistema , 1.- Vamos abrir nuestro archivo login.html Si no recuerdas como estaba , te dejo aqui la imagen Resultado: 2.-Ahora vamos a agregar las siguientes lineas en login.html Resultado: 3.-Vamos a seguir modificando nuestro login.html Resultado: 4.-Abrimos los estilos.css para editar y que el formulario del Login , quede un poco mas pequeño. Ahora vamos a editar estilos.css Resultado: En este momento , quiero dividir este tutorial , para inciar con otra tecnología web , y esta será JQuery 1.-Vamos ir a la pagina oficial de JQuery , desde la siguiente liga 2.-Ya que hemos descargado jquery de forma correcta , vamos abrir el archivo index.html y agregamos las siguientes lineas de codigo. Resultado: 3.-En el archivo index.html agregamos las siguientes lineas de codigo Resultado: 4.-Ahora que ya has visto como funciona lo que anteriormente programamos , vamos hacerlo para el otro boton de Iniciar Sesion. Resultado: 5.-Por ultimo vamos a ocultar nuestro dos formulario , es por que eso que abrimos estilos.css y agregamos las siguientes Líneas. Resultado: Pues hasta aquí vamos a dejar , estos Tutoriales , espero que les haya gustado y no aburrido Nota : Es un tutorial de como crear un sistema web , e integrar sus tecnologías .Es por eso que no explico detalladamente cada tecnología web , como CSS , JQuery. Ahora que si lo prefieten , nos ponemos deacuerdo y hacemos unos video-tutoriales de CSS y JQuery,Solo haganmelo saber ok!!! No te olvides de seguirme en: Mi pagina: Ahi comparto mis turoriales , espero nos recomienden... MUCHAS GRACIAS!!!!!!!!

Vamos a crear un PDF con PHP , gracias a la libreria FPDF Vamos a dar Inicio: 1.-Vamos a descargar la libreria FPDF, asi que vamos a la siguiente dirección y nos descargamos la Version 1.7. 2.-Nos ha descargado un .zip y dentro de ese, una carpeta llamada fpdf, pues bien esa carpeta la llevamos a dentro de una carpeta que vamos a crear y la llamaremos tutorial-pdf 3.-Ahora si . pues si me has seguido la carpeta llamada fpdf esta dentro de la llamada tutorial-pdf.Dentro de tutorial-pdf , vamos a crear un nuevo archivo , llamado tuto01.php 4.-Vamos a empezar a programar , así que anota las siguientes lineas de codigo , que despues de la imagen te explicare: Explicacion include =incluimos el archivo para poder crear el PDF $pdf=new FPDF() =Creamos una instancia de la clase FPDF AddPage = Funcion para agregar la pagina SetFont = Funcion para escoger la fuente parametro 1 , Fuente en este caso Arial parametro 2 , Tipo de la Fuente en este caso Bold o Negrita parametro 3 , Tamaño de la fuente Cell =Funcion para dibujar una celda recibe los siguientes parametros Parametro 1, Ancho de la Celda Parametro 2, Alto de la Celda Parametro 3, Texto que se imprimirá Parametro 4,Se indica 1 si se quiere dibujar el margen de la celda y 0 es lo contrario. 5.-Vamos al Navegador a la siguiente direccion: http://localhost/tutorial-pdf/tuto01.php y nos saldra lo siguiente. Pues por esta ocasion dejaremos aqui el Tutorial , seguiremos más adelante con más sobre la libreria FPDF. Si quieres ver más Tutoriales , espero que visites esta pagina: www.tux-torialesderoni.net

Muchas Gracias a los que han visitado mis Tutoriales y a los que me han dejado Puntos , Ya he modificado este Tutorial. Espero les sirva de mucho... Hola Amigos: Este Post , es para las personas que les gusta la programacion Web, crearemos un Sistema Web , las tecnologías a utilizar son: PHP HTML Mysql CSS (esto será más adelante) JavaScript(esto será más adelante) Esta es la primera parte de algunas otras , para Iniciar , vamos a crear un formulario con HTML ,para recibirlo en una pagina en PHP Vamos a dar Inicio: 1.-Vamos a instalar un servidor Local , y para esta ocasion , utilizaremos el WAMP(Windows,Apache,Mysql,PHP).Para no hacer mas largo este Post , les dare una direccion , donde explican como instalarlo (claro , para los que no sepán , si ya lo sabes puedes omitir este paso).Tambien explican como instalar un servidor LAMP (Linux, Apache ,Mysql,PHP). link:http://www.tux-torialesderoni.net/php/descripcionMono.php?ver=1 2.-Cuando instalamos el WAMP, en el Disco C , nos instala por defecto una carpeta llamada wamp , dentro de esa carpeta tenemos otra llamada www y dentro de esa carpeta , vamos a crear una llamada tutorial. Para terminar dentro de la carpeta tutorial vamos a guardar todos nuestros archivos. 3.- Vamos utilizar un editor de texto , puede ser el bloc de notas , no importa , el que sea de tu preferencia. 4.- Ahora si , vamos a iniciar , abrimos el editor y colocamos las siguientes lineas de codigo. Nota: -action : quiere decir la pagina a donde vamos a enviar los datos (más adelante la programaremos). -method:el metodo que utilizaremos , en este caso POST ,(Estudiar POST,GET y REQUEST). -los atributos name , son de mucha importancia , ya que con eso , a la hora que mandemos nuestro Formulario a la Pagina en PHP , reconocera que es lo que contiene cada caja de texto. 5.- Vamos a abrir nuestro navegador y colocamos la siguiente direccion: http://localhost/tutorial/ y nos aparecera lo siguiente: Pues bien eso quiere decir que hemos hecho nuestro formulario de forma correcta. 6.- Vamos a la carpeta donde tenemos guardados nuestros archivos y vamos a crear una carpeta llamada php , esto se hace para tener un mejor orden en nuestro Sistema , dentro de esa carpeta vamos a guardar un nuevo archivo llamado recibir.php . 7.- En el nuevo archivo recibir.php , vamos a programar lo siguiente: Explicación: $nombre--->así se declaran las variables en PHP. $_POST[' ']--->es un vector donde se guarda lo que viene de la caja de texto , en este caso el name de los formularios. echo es la forma de imprimir en nuestro navegador.. 8.- Ahora si escribimos algo en nuestro formulario y le damos click en el botón, nos debe de mandar a la pagina de recibir.php y nos debe aparecer lo siguiente: Pues bien , esta es la primera parte de la creacion de nuestro sistema web , por ahora es lo basico , llenar un formulario y recibirlo en una pagina en php . Espero les haya gustado y si esto les aburrio les dejo el video. link: http://www.youtube.com/watch?v=1w0U_Y4nIhc Espero que te haya gustado y me sigas en : Ahi comparto mis turoriales , espero nos recomienden...

link: http://www.youtube.com/watch?v=vhpaU9l4C8U&feature=plcp Descripcion: Ya hemos visto algunos tipos de selectores , como , los basicos y de jerarquía , vamos a ver en esta ocasion los Selectores Hijos Autor : Rodrigo Hernández Ortiz Comenzamos !!!! 1.-Preparamos el Espacio de Trabajo jajaja. 2.-Vamos a empezar con el Primer selector hijo. Resultado : 3.-Vamos a checar el siguiente Selector y veremos su funcionamiento. Resultado : 4.-Que pasaria , si yo quisiera seleccionar el 2do , 3er o 4to hijo y no nada más el primero y el ultimo , pues con el siguiente selector es posible. Resultado : Con esto , llegamos al final de esta clase . Saludos y Gracias por Visitar este Tutorial!!!! No te olvides de seguirme en: Mi pagina: Ahi comparto mis turoriales , espero nos recomienden... MUCHAS GRACIAS!!!!!!!!

link: http://www.youtube.com/watch?v=5X3LJHCMm4E Descripcion: En esta primera sesion , vamos a descargar el framework de JQuery , lo incluiremos para poder programar y haremos nuestro primer programa . Autor:Rodrigo Hernández Ortiz Vamos a comenzar con este curso de JQuery . Lo que necesitaras será lo siguiente: 1.-Un editor de textos , el que sea de su preferencia . 2.-Un navegador Web ( IE , Chrome , Firefox , Opera , Safari , etc... ) . 3.-El framework de JQuery . 4.-Ganas de aprender y seguir estos tutoriales !!! . Vamos a comenzar: 1.- Vamos a descargar el framework de JQuery, asi que vamos a la siguiente direccion http://www.jquery.com Nos envia a la pagina de JQuery , asi que vamos a seguir las siguiente imagenes. 2.-Ahora si , ya que lo hemos descargado y guardado , vamos a abrir el Editor de Textos y escribimos lo siguiente: 3.-A continuacion veremos cual es la forma de programa en JQuery , la estructura que debe de llevar , para poder programar con el framework Bien pues en 3 sencillos pasos , hemos aprendido a como incluir el framework de JQuery , asi como su estructura y nuestro primer Programita. Hasta aqui llega la primera Clase de como aprender JQuery . Saludos y Gracias por ver este tutorial!!!! No te olvides de seguirme en: Ahi comparto mis turoriales , espero nos recomienden... MUCHAS GRACIAS!!!!!!!!

link: http://www.youtube.com/watch?v=EGMu_B3iLkQ&feature=plcp Descripcion: En esta segunda sesion , vamos a ver algunas funciones que nos ofrece JQuery , para Crear y Agregar HTML y nuestro Documento , veremos las funciones text , html , append , prepend ... Autor: Rodrigo Hernández Ortiz Comenzamos: 1.- Vamos abrir un nuevo documento y escribiremos los siguiente: 2.-Trabajaremos con la funcion text y html de JQuery Resultado: Vamos a trabajar con la funcion html de JQuery , asi que anotamos las siguientes lineas de codigo: Resultado: Resultado: 3.-Ahora trabajaremos con con append y prepend , funciones que nos ayudan a agregar objetos o etiquetas HTML Resultado: Resultado: Ahora trabajaremos con la funcion prepend de JQuery Resultado: Por este tutorial ha sido todo , solo hemos visto 4 funciones que nos ayudan a agregar o crear texto desde JQuery . Más adelante veremos la segunda parte de esta sesion , nos falta ver algunas otras funciones de agregar texto. No desesperes , se viene lo interesante , como los efectos y eventos , Gracias por ver este Tutorial y espero que nos sigas !!!! Adios!!!! No te olvides de seguirme en: Ahi comparto mis turoriales , espero nos recomienden... MUCHAS GRACIAS!!!!!!!!

Descripcion : En esta ocasion , vamos a trabajar con los Selectores eq, odd , even . Estos serán los ultimos selectores que veremos por ahora , ya que para el siguiente tutorial , pasaremos a los eventos. Autor : Rodrigo Hernández Ortiz Comenzamos : 1.- Vamos a preparar nuestro documento : 2.- Para dar inicio vamos a crear una tabla : 3.- Ahora si , trabajaremos con el primer selector : Resultado : 4.- Pasaremos al siguiente selector y sera el odd : Anotamos lo siguiente en nuestro codigo JQuery : El Resultado será el siguiente : 5.- Logicamente , si hay un selector impar , tambien existe un selector par y ese es el even : El Resultado será el siguiente : 6.- Combinando el selector odd y even , la tabla quedaria así : El Resultado Final : Hasta aquí vamos a dejar los Selectores , pienso que ya es tiempo de pasar a otras cosas como los eventos y efectos. Hemos utilizados la mayoria de selectores más usados. Asi que si quieres aprender más sobre selectores , es bueno que le des un vistazo a la API de Jquery . Saludos No te olvides de seguirme en: Mi pagina: Ahi comparto mis turoriales , espero nos recomienden... MUCHAS GRACIAS!!!!!!!!

Hola , en este tutorial , vamos a aprender a como crear un excel basico con Java. 1.- Para poder iniciar , debemos de descarga la Libreria que nos ayudará a realizar el excel y esta será apache POI , asi que dejo el link de descarga: http://www.apache.org/dyn/closer.cgi/poi/release/bin/poi-bin-3.8-20120326.zip 2.- Nos ha descargado un .zip , vamos a abrirlo y nos apareceran los siguiente .jar (es el formato de compresión de Java ) : 3.- Vamos a crear una carpeta en el Escritorio (o donde tu quieras y ahi vamos a copiar el .jar que hemos descargado ) : Vamos a cambiarle el nombre al .jar : 4.- Abrimos cualquier editor de textos , y anotamos las siguientes lineas de codigo : Guardamos : Compilamos : 5.- Seguimos en el archivo Excel.java y anotamos las siguientes lineas : Compilamos : Otra vez Compilamos y : 6.- Ahora si , vamos a inciar a programar , para crear el excel : Seguimos anotanto: 7- Se viene la prueba de fuego y probaremos , si es que funciona y nos crea el excel : Compilamos: Ahora si Ejecutamos : 8- Comprobando lo anterior hecho : Vamos a la carpeta que creamos en el escritorio llamada java : Lo abrimos y: Pues de momento esto ha sido todo de mi parte , espero que te haya gustado . No te olvides de seguirme en: Ahi comparto mis turoriales , espero nos recomienden... MUCHAS GRACIAS!!!!!!!!

link: http://www.youtube.com/watch?v=egL4BCgESDc&feature=plcp Descripcion: En esta ocasion , veremos como agregar estilos con la funcion CSS y algunas otras funciones para cambiar el Estilo al documento Autor: Rodrigo Hernández Ortiz. 1.- Como siempre , hay que preparar nuestro documento y si no lo recuerdas , he aqui un ejemplo: 2.- Para inicializar , empezaremos a trabajar con la funcion css . Resultado : 3.- Trabajaremos con la funcion addClass y vemos lo siguiente , para entenderle mejor . Resultado : Resultado : 4.- Pues si podemos agregar clases , es un hecho que tambien podemos quitarlas . Resultado : Asi llegamos al final de este Tutorial dedicado a agregar Estilos , a las etiquetas HTML , no entro mucho a detalle , para que no se te hagan aburridos los Tutoriales , pero recuerda que la mejor forma de aprender es haciendo mucha practica . Me despido y Gracias por ver este Tutorial!!! No te olvides de seguirme en: Mi pagina: Ahi comparto mis turoriales , espero nos recomienden... MUCHAS GRACIAS!!!!!!!!