Comunidad PHPeros

Lenguajes => Visual Basic => Mensaje iniciado por: SoyJoaquin. en 03 de Octubre de 2010, 02:04:45 am

Título: [Tutorial] ¡Crea tu propio navegador web!
Publicado por: SoyJoaquin. en 03 de Octubre de 2010, 02:04:45 am
Tutorial - ¡Crea tu propio navegador web!
By SoyJoaquin.


Introducción: En este tema te voy a enseñar a  hacer un navegador web básico usando VB6 con el controlador Internet Controls.

Paso 1:
Abre Visual Basic 6 y crea un documento estándar (EXE), Una ves creado vas a incluir el complemento  Microsoft Internet Controls. ¿Como?, En la barra de menú superior vas a darle click a Proyecto >> Componentes... >> Controles (viene por defecto), en la lista vas a buscar Microsoft Internet Controls, Das click a la casilla y después Aceptar.

Una vez agregado el complemento de darás cuenta que se a agregado un nuevo controlador entre tus herramientas, Este es el de WebBrowser el cual te permite tener un acceso a internet usando como base otro explorador. (Usualmente Internet Explorer).

Paso 2:
Vas a añadir el controlador WebBrowser, Ten en cuenta que WebBrowser1 Sera el nombre por defecto, así que mejor no lo cambiaremos.

¿Ya lo agregaste? perfecto.
Ahora vamos a editar un poco el código.

En el evento Load del formulario (Form_Load) vamos a indicar la pagina de inicio de nuestro navegador. pasa eso usamos la etiqueta Navigate de la siguiente forma:

Código: [Seleccionar]
WebBrowser1.Navigate "www.miweb.com"
Esto lo que ara es que al iniciar el formulario (se abra la aplicación) va a entrar a la pagina indicada.
El código nos estará quedando de la siguiente forma:

Código: [Seleccionar]
Private Sub Form_Load()
WebBrowser1.Navigate "www.google.com"
End Sub

¿Bien? Continuamos.
Ahhh.. ok ya tenemos nuestro navegador pero.. ¿Ahora como hacemos para entrar a la pagina deseada?, Muy fácil, Vas a agregar un controlador TextBox y CommandButton bajo los nombres de defecto. (Text1 y Command1).

Lo que viene es muy fácil, lo que aremos sera que al pulsar el CommandButton (Command1) el valor de la etiqueta Navigate del WebBrowser sea el indicado en el TextBox (Text1). ¿Como?

En el evento Click de Command1 vas a ingresar el siguiente código:
Código: [Seleccionar]
WebBrowser1.Navigate Text1.Text
Eso quiere decir que nuestro código por los momentos nos va quedando así:
Código: [Seleccionar]
Private Sub Command1_Click()
WebBrowser1.Navigate Text1.Text
End Sub

Private Sub Form_Load()
WebBrowser1.Navigate "www.google.com"
End Sub

¿Bien? pues, Eso es lo mas básico!
Ya tenemos nuestro navegador funcionando. Si quieres personalizarlo con mas opciones ver paso3.

Paso 3:
Bueno, ya sabes manejar los eventos de cada controlador de tu navegador.
Ahora te dejare algunos códigos para agregarle mas opciones.

Atrás:
Añade un nuevo botón CommandButton bajo el nombre de defecto (Command2). En el evento Click del CommandButton vas a agregar el siguiente código:

Código: [Seleccionar]
On Error Resume Next
WebBrowser1.GoBack
Text1.Text = WebBrowser1.LocationURL

El On Error Resume Next es para no mostrar un error en caso de que sea presionado el botón atrás sin haber paginas anteriores.

Adelante:
Añade un nuevo botón CommandButton bajo el nombre de defecto (Command3). En el evento Click del CommandButton vas a agregar el siguiente código:

Código: [Seleccionar]
On Error Resume Next
WebBrowser1.GoForward
Text1.Text = WebBrowser1.LocationURL

El On Error Resume Next es para no mostrar un error en caso de que sea presionado el botón adelante sin haber paginas siguientes.

Actualizar:
Añade un nuevo botón CommandButton bajo el nombre de defecto (Command4). En el evento Click del CommandButton vas a agregar el siguiente código:
Código: [Seleccionar]
WebBrowser1.Refresh
Detener:
Añade un nuevo botón CommandButton bajo el nombre de defecto (Command5). En el evento Click del CommandButton vas a agregar el siguiente código:
Código: [Seleccionar]
WebBrowser1.Stop
Saludos, Espero que les aya sido de utilidad.
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: javipilo en 03 de Octubre de 2010, 13:33:21 pm
Buen tutorial, luego si se expresarme haré un tutorial de navegador sin utilizar IE.

Saludos
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: danywar95 en 03 de Octubre de 2010, 13:36:21 pm
 8) Buen tutorial Yo ya ice uno ace tiemPOoO Jejeje Pero Gracias por aporta este tutorial
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: -Pituko- en 28 de Diciembre de 2010, 20:18:55 pm
Buen tutorial, luego si se expresarme haré un tutorial de navegador sin utilizar IE.

Saludos
Eso se puede hacer en java, lo malo de ahi, es que tendrás que hacer tu mismo el soporte CSS, el soporte HTML5, y otros....
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: Physlet en 28 de Diciembre de 2010, 20:40:25 pm
Estudiando y analizando un poco se puede crear un nuevo navegador a partir de uno ya existente. Podemos usar uno Open Source como Chromium que es la parte open-source del Google Chrome.
http://code.google.com/p/chromium/
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: -Pituko- en 28 de Diciembre de 2010, 20:41:58 pm
Estudiando y analizando un poco se puede crear un nuevo navegador a partir de uno ya existente. Podemos usar uno Open Source como Chromium que es la parte open-source del Google Chrome.
http://code.google.com/p/chromium/
See, pero yo hablo de java, porque seria desde 0....
Solo que con un Visual Studio y algunos parches puedes hacer el Chrominium
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: Fran_her en 29 de Diciembre de 2010, 00:16:56 am
Justo Hize yo el mio en Visual Basic hoy ! jajaj Lo queria postear pero bueno se me quitaron las ganas soy algo novato en esto y pues queria aprender más para empezar hacer tutoriales !
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: Physlet en 29 de Diciembre de 2010, 04:41:55 am
See, pero yo hablo de java, porque seria desde 0....
Solo que con un Visual Studio y algunos parches puedes hacer el Chrominium
Sí, pero desde 0 es algo más complicado. A menos que cuentes con un equipo de trabajo, porque es mucho trabajo para una sola persona.
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: -Pituko- en 30 de Diciembre de 2010, 20:05:42 pm
Sí, pero desde 0 es algo más complicado. A menos que cuentes con un equipo de trabajo, porque es mucho trabajo para una sola persona.
Si, en eso tienes totalmente la razón, si quieren, pueden buscar por "Lobo", un navegador base java que tiene haciéndose desde el 2005, y apenas terminaron de ponerle el soporte CSS2.
Acá un link de como hacerse uno con JAVA: http://casidiablo.net/browser-java/.
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: Physlet en 30 de Diciembre de 2010, 22:03:47 pm
Si, en eso tienes totalmente la razón, si quieren, pueden buscar por "Lobo", un navegador base java que tiene haciéndose desde el 2005, y apenas terminaron de ponerle el soporte CSS2.
Voy a revisarlo y ver cómo puedo contribuir.

Acá un link de como hacerse uno con JAVA: http://casidiablo.net/browser-java/.
Tengo el presentimiento de que en próximas versiones del JDK van a implementar todos esos soportes..
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: -Pituko- en 30 de Diciembre de 2010, 22:51:12 pm
Voy a revisarlo y ver cómo puedo contribuir.
Es medio dificil, ya que los creadores son unos Estadounidenses.....
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: Physlet en 30 de Diciembre de 2010, 23:08:47 pm
Es medio dificil, ya que los creadores son unos Estadounidenses.....
He ahí la magia de los lenguajes de programación, Java es Java, da igual el idioma o nacionalidad.. Para poder aportar primero debo familiarizarme con el proyecto, así que ya veré... Espero poder aportar en algo xd
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: -Pituko- en 31 de Diciembre de 2010, 00:35:06 am
He ahí la magia de los lenguajes de programación, Java es Java, da igual el idioma o nacionalidad.. Para poder aportar primero debo familiarizarme con el proyecto, así que ya veré... Espero poder aportar en algo xd
Si aportas algo pues muy bien, pero te digo, que usar traductor es lo peor que hay, yo se inglés al 60%, pero no es suficiente.
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: Physlet en 31 de Diciembre de 2010, 00:44:28 am
Si aportas algo pues muy bien, pero te digo, que usar traductor es lo peor que hay, yo se inglés al 60%, pero no es suficiente.
Creí que te referías a la técnica de programar o algo por el estilo, pero si es por idioma, no me afecta en nada. Aquí no es necesario saber inglés al 100%, sino entender palabras técnicas de programación en ese idioma, igual mi intención es aprender y de los proyectos se aprende mucho :D
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: Rastrillox en 31 de Diciembre de 2010, 01:16:00 am
rrecuerdo que una vez hize eso, pero fue en dolphi 6 o dolphin 6 algo así buen tuto!!
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: javipilo en 31 de Diciembre de 2010, 03:11:30 am
Lo mejor sería hacer tu propio reconocedor de CSS, JS y HTML entonces sería tu propio navegador.
El problema es la pereza si no lo haría...

Saludos
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: -Pituko- en 31 de Diciembre de 2010, 22:17:29 pm
Lo mejor sería hacer tu propio reconocedor de CSS, JS y HTML entonces sería tu propio navegador.
El problema es la pereza si no lo haría...

Saludos
En el tutorial que mande sobre navegador en java el JS, CSS, HTML5, ETCÉTERA. se tiene que hacer mediante librerías (lo único que trae es soporte html)
Título: Re:[Tutorial] ¡Crea tu propio navegador web!
Publicado por: Physlet en 01 de Enero de 2011, 04:11:20 am
En el tutorial que mande sobre navegador en java el JS, CSS, HTML5, ETCÉTERA. se tiene que hacer mediante librerías (lo único que trae es soporte html)
Si ya hay clases hechas para esto, entonces no veo ningún problema en incorporarlo a nuestros propios lenguajes, solo es cuestion de adaptarse a esas clases y ya, me imaginé algo como crearlo desde 0..