Autor Tema: [Tutorial] ¡Crea tu propio navegador web!  (Leído 4064 veces)

Desconectado SoyJoaquin.

  • PHPero Master
  • ******
  • Mensajes: 2.737
  • Karma: 131
  • Sexo: Masculino
  • ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ส้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้้ Problem?
    • Ver Perfil
    • IsoMap
[Tutorial] ¡Crea tu propio navegador web!
« 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.
Twitter: @JoakoM010



Comunidad PHPeros

[Tutorial] ¡Crea tu propio navegador web!
« en: 03 de Octubre de 2010, 02:04:45 am »

Desconectado javipilo

  • PHPero Experto
  • *****
  • Mensajes: 975
  • Karma: 31
  • Sexo: Masculino
    • Ver Perfil
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #1 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

Desconectado danywar95

  • PHPer@
  • **
  • Mensajes: 57
  • Karma: 2
  • Sexo: Masculino
  • return 0;
    • Ver Perfil
    • HabboEx
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #2 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
# "Las contraseñas son como la ropa interor. No puedes dejar que nadie la vea, debes cambiarla regularmente y no debes compartirla con extraños"
             --------------------------------------------------------------
# "No temo a los ordenadores; lo que temo es quedarme sin ellos"

Desconectado -Pituko-

  • PHPero Experto
  • *****
  • Mensajes: 954
  • Karma: 20
  • Sexo: Masculino
  • ¡Hala Madrid!
    • Ver Perfil
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #3 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....

Desconectado Physlet

  • PHPero Experto
  • *****
  • Mensajes: 822
  • Karma: 41
  • Sexo: Masculino
  • Todo es posible con esfuerzo, dedicación e interés
    • Ver Perfil
    • PanamaDev
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #4 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/

Desconectado -Pituko-

  • PHPero Experto
  • *****
  • Mensajes: 954
  • Karma: 20
  • Sexo: Masculino
  • ¡Hala Madrid!
    • Ver Perfil
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #5 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

Desconectado Fran_her

  • PHPerit@
  • *
  • Mensajes: 6
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #6 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 !

Desconectado Physlet

  • PHPero Experto
  • *****
  • Mensajes: 822
  • Karma: 41
  • Sexo: Masculino
  • Todo es posible con esfuerzo, dedicación e interés
    • Ver Perfil
    • PanamaDev
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #7 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.

Desconectado -Pituko-

  • PHPero Experto
  • *****
  • Mensajes: 954
  • Karma: 20
  • Sexo: Masculino
  • ¡Hala Madrid!
    • Ver Perfil
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #8 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/.

Desconectado Physlet

  • PHPero Experto
  • *****
  • Mensajes: 822
  • Karma: 41
  • Sexo: Masculino
  • Todo es posible con esfuerzo, dedicación e interés
    • Ver Perfil
    • PanamaDev
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #9 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..

Desconectado -Pituko-

  • PHPero Experto
  • *****
  • Mensajes: 954
  • Karma: 20
  • Sexo: Masculino
  • ¡Hala Madrid!
    • Ver Perfil
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #10 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.....

Desconectado Physlet

  • PHPero Experto
  • *****
  • Mensajes: 822
  • Karma: 41
  • Sexo: Masculino
  • Todo es posible con esfuerzo, dedicación e interés
    • Ver Perfil
    • PanamaDev
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #11 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

Desconectado -Pituko-

  • PHPero Experto
  • *****
  • Mensajes: 954
  • Karma: 20
  • Sexo: Masculino
  • ¡Hala Madrid!
    • Ver Perfil
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #12 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.

Desconectado Physlet

  • PHPero Experto
  • *****
  • Mensajes: 822
  • Karma: 41
  • Sexo: Masculino
  • Todo es posible con esfuerzo, dedicación e interés
    • Ver Perfil
    • PanamaDev
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #13 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

Desconectado Rastrillox

  • PHPero Experto
  • *****
  • Mensajes: 592
  • Karma: 25
  • Sexo: Masculino
    • Ver Perfil
    • Forhabbo.es
Re:[Tutorial] ¡Crea tu propio navegador web!
« Respuesta #14 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!!