Tutoriales y Opiniones

Mostrando entradas con la etiqueta Desarrollo web. Mostrar todas las entradas

Como conectar php con mysql

Tutorial PHP: Como conectar php con mysql

En este artículo vamos a conectar PHP con MySQL mediante un ejemplo cuyo código incluiré más adelante para que todo aquel que quiera pueda reutilizarlo.

¿Qué es MySQL?

MySQL es un sistema de gestión de bases de datos ralacional, multihilo y por supuesto multiusuario. Existen dos modalidades o licencias del MySQL:

GNU GPL: Una licencia GNU GPL es una licencia pública orientada a proteger la libre distribución, modificación y uso de softare.
Licencia de pago: Para todas aquellas empresas que quieren utilizar MySQL en productos privativos, es decir, aquellos que no son de libre distribución.

¿Cómo funciona PHP?

PHP funciona como la mayoría de lenguajes de script cuando se trata de acceder y manipular bases de datos:

En primer lugar se establece la conexión con la base de datos.
En segundo lugar se ejecutan las consultas en la base de datos.
Para finalizar se cierra la conexión.

Como hemos dicho anteriormente, con PHP podemos conectarnos a múltiples sistemas de bases de datos aunque cada una de las conexiones tiene su propia nomenclatura. Para realizar las conexiones a las bases de datos PHP utiliza funciones genéricas precedidas normalmente por el nombre del sistema de base de datos, de modo que las funciones que ofrece el lenguaje para el acceso a cada tipo de base de datos son diferentes.

Función para conectar una base de datos MySQL con PHP

mysql_connect("NombreServidor","Usuario","Contraseña")
Los parámetros que utiliza la función mysql_connect son los siguientes:

NombreServidor: Indica el nombre del servidor o la IP del mismo donde está la base de datos.
Usuario: Identifica al usuario con acceso a la base de datos.
Contraseña: Contraseña de acceso del Usuario a la base de datos.

Si se realiza con éxito la conexión la función devuelve un identificador del enlace con el sistema de bases de datos. Una vez establecida la conexión tenemos que indicar al sistema la base de datos con la que se queremos trabajar mediante la siguiente función.

Función para identificar la base de datos MySQL con PHP

mysql_select_db("NombreBaseDatos")
Identificada la base de datos MySQL con la que conectaremos y realizadas las consultas pertinentes deberemos cerrar la conexión entre MySQL y PHPY.

Función para cerrar la conexión entre la base de datos MySQL y PHP

mysql_close($conexion)

Ejemplo: Realizar conexión con MySQL y PHP

<?php

#Conectamos con MySQL
$conexion = mysql_connect("NombreServidor","Usuario","Contraseña")
or die ("Se ha producido un error al conectar con la bbdd");

#Seleccionamos la base de datos a utilizar
mysql_select_db("NombreBaseDatos")
or die("No se ha encontrado la bbdd");

# ####################################################### #
# Aquí insertaríamos las consultas sobre la base de datos #
# ####################################################### #

#Cerramos la conexión con la base de datos
mysql_close($conexion);

?>

Artículos que te pueden interesar

Como hacer un INNER JOIN SQL

Diferencia entre LEFT, INNER y RIGHT JOIN
Como hacer un SELECT CASE SQL

Como crear un localizador con HTML5

Tutorial HTML: Como crear un localizador con HTML5

En el tutorial de hoy vamos a explicar como crear un localizador con HTML5, pero antes vamos a explicar qué es HTML5.

¿Qué es HTML5?

HTML5 es la quinta revisión importante del lenguaje HTML. En esta últimaa versión se incluyen nuevas características para ayudar a los autores de aplicaciones Web, se introducen nuevos elementos basados en la investigación sobre las prácticas de autor vigentes y se ha prestado especial atención a la definición de criterios claros de conformidad para los agentes de usuario en un esfuerzo por mejorar la interoperabilidad.

¿Cómo crear un localizador con HTML5?

Aunque HTML5 solo es soportado por las últimas versiones de Chrome y Firefox, la gran potencia de desarrollo que permite junto con las nuevas funcionalidades de la API de Google Maps permiten ajustar casi al milímetro la posición actual del internauta, por esta razón me he decidido a escribir un tutorial sobre la creación de un localizador con HTML5.

Ejemplo: Crear localizador con HTML5

En primer lugar crearemos la función para que el navegador obtenga las coordenadas:


<script language="javascript">

function obtener_localizacion() {

   if (navigator.geolocation) {

   navigator.geolocation.getCurrentPosition(coordenadas);

   }else{

      alert('Tu navegador no soporta la API de geolocalizacion');

   }

}

En segundo lugar creamos la función javaScript llamada coordenadas que utiliza la API Google Maps para que muestre los resultados obtenidos en la función obtnener_localizacion sobre el mapa:


function coordenadas(position) {

var latitud = position.coords.latitude;

var longitud = position.coords.longitude;

var mapa = document.getElementById("mapa");

mapa.src = "http://maps.google.com/maps/api/staticmap?center="+ latitud +
        "," + longitud +
        "&zoom=15&size=400x400&markers=color:green|label:A|"
        + latitud + "," + longitud + "&sensor=false";

}

</script>

Ahora simplemente lo que necesitamos será un botón para activar la función javaScript y una imagen llamada 'mapa' donde llamaremos al mapa de Google, a través de 'mapa.src' de la función anterior:

<a
href="javascript:obtener_localizacion();">Mostrar
        Posición</a>

<p><img id="mapa" src=""></p>

Y de esta manera se crea un localizador con HTML5.

También te puede interesar saber como dibujar rutas en Google maps y como calcular la distancia entre dos puntos con PHP.

Como obtener las coordenadas de una dirección con Google maps

Tutorial: Como obtener las coordenadas de una dirección con Google maps

Buenos días, en este artículo voy a explicar como obtener las coordenadas de una dirección utilizando la API de Google maps.

Para realizar la conversión de coordenadas a dirección utilizaré el objeto Geocoder. El objeto Geocoder tiene otras utilidades como por ejemplo traducir direcciones en coordenadas, por lo tanto podemos concluir diciendo que el objeto geocorder es el encargado de la traducción de coordenadas a direcciones y viceversa.

Google no impone a todos los desarrolladores que quereamos utilizar el servicio de Geocoding incluir un mapa de Google en nuestra web.

Ejemplo: Obtener las coordenadas de una dirección (escrita en un input text), centrar la localización del mapa en pantalla y mostrar un marker.


<script type="text/javascript">

var geocoder;

var map;

function initialize() {

 geocoder = new google.maps.Geocoder();

 var latlng = new google.maps.LatLng(-34.397, 150.644);

 var myOptions = {

    zoom: 8,

    center: latlng,

    mapTypeId: google.maps.MapTypeId.ROADMAP

 }

 map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

}



function codeAddress() {

 var address = document.getElementById("address").value;

 geocoder.geocode( { 'address': address}, function(results, status) {

    if (status == google.maps.GeocoderStatus.OK) {

       map.setCenter(results[0].geometry.location);

       var marker = new google.maps.Marker({

          map: map,

          position: results[0].geometry.location

       });

    } else {

       alert("Geocode was not successful for the following reason: " + status);

    }

 });

}

</script>

Si te ha gustado el artículo sobre cómo corregir error "Apache shutdown unexpectedly" al iniciar Xampp te pido un favor: Haz clic sobre uno de los anuncios, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Añadir gadget redes sociales en blogger

Tutorial blogger: Como añadir gadget redes sociales en blogger

En este tutorial voy a explicar cómo añadir un gadget que incluya las redes sociales donde nos pueden encontrar todos los lectores de nuestro blog.

Para el ejemplo del presente tutorial crearemos un gadget donde mostraremos los iconos de las redes sociales donde nos pueden encontrar los lectores del blog y un enlace a nuestro perfil de usuario. En este ejemplo las redes sociales que voy a incluir son las siguientes:

El gadget redes sociales en blogger quedará de la siguiente manera en vuestro blog:

Ejemplo: Crear gadget en nuestro Blogger con las redes sociales que utilizamos. Cuando un lector de nuestro blog pinche en alguno de los iconos se mostrará la página de nuestro perfil.

Paso 1 Nos dirigimos a la sección Diseño de nuestro blogger.
Paso 2 En este momento se abre una página donde se muestra una representación visual de nuestro blog.
Paso 3 Para el ejemplo actual he creado el gadget redes sociales en el panel lateral derecho, en dicho panel hacemos clic en la opción Añadir un gadget.
Paso 4 En este momento se abrirá una ventana donde podremos seleccionar el tipo de gadget que queremos añadir.
Paso 5 Dentro de la pestaña Lo básico seleccionamos la opción HTML/Javascript
Paso 6 Al seleccionar dicha opción se abre una página donde configuraremos el gadget redes sociales de la siguiente manera:

- Título: Escribir el título que queremos que se muestre al visualizar el gadget redes sociales. En mi caso he puesto "Sígueme en las redes sociales".
- Contenido: Espacio destinado para poner el código HTML que queremos mostrar en el gadget redes sociales, en nuestro caso deberemos poner el siguiente:

// Icono y link a tu perfil de twitter

<a href='URL twitter' target='_blank'><img alt='twitter' src="http://2.bp.blogspot.com/-HoByHzmab00/T-WiFnncFXI/AAAAAAAAAuM/eIStHRliy7Y/s000/twitter.png" title='twitter'/></a>



// Icono y link a tu perfil de facebook

<a href='URL facebook' target='_blank'><img alt='facebook' src="http://4.bp.blogspot.com/-KGUfFpIGxDo/T-WiF2abbMI/AAAAAAAAAuU/YUHVZnWeTAQ/s000/facebook.png" title='facebook'/></a>



// Icono y link a tu perfil de google+

<a href='URL google+' target='_blank'><img alt='google plus' src="http://4.bp.blogspot.com/-FbyQUvCfcsc/T-WiGWwdzZI/AAAAAAAAAuc/23NBI95QlmY/s000/gplus.png" title='google plus'/></a>



// Icono y link a tu perfil de Linkedin

<a href='URL linkedin' target='_blank'><img alt='linkedin' src="http://3.bp.blogspot.com/-HPHUoa0ufsw/T-WiGqwz3YI/AAAAAAAAAuk/MEYc0chl5zs/s000/linkedin.png" title='linkedin'/></a>



// Icono y link a tu perfil de Youtube

<a href='http://www.youtube.com/user/masetru' target='_blank'><img alt='Youtube' src="http://static.tiendy.com/shops/mimomimascota/theme/assets/icono_youtube.png" title='Youtube'/></a>



// Icono y link a tu perfil de Metroblog

<a href='http://NombreUsuario.metroblog.com/' target='_blank'><img alt='Metroblog' src="http://blog.mp3.es/wp-content/uploads/2013/03/metro-last-light.png" title='Metroblog'/></a>

En el código de arriba deberéis sustituir el texto URL twitter, URL facebook, URL google+ y URL linkedin por la URL de vuestros perfiles en cada una de estas redes sociales.

Podríamos personalizar el código del gadget redes sociales de muchas maneras, yo os propongo las siguientes:

- Personalizar el contenido de la meta etiqueta title.
- Modificar contenido de la meta etiqueta alt.

Si te ha gustado el artículo sobre cómo añadir gadget redes sociales en blogger puedes visitar a alguno de nuestros patrocinadores, con esto me ayudarás a mantener el Blog y pueda escribir más artículos.

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha

Reducir cadena de texto mostrando puntos suspensivos

Tutorial PHP: Reducir cadena de texto mostrando puntos suspensivos

En ocasiones disponemos de una cadena de texto cuyo tamaño es superior al contenedor donde ésta debe mostrarse, en estas ocasiones viene muy bien disponer de la función reducir_texto.

La función reducir_texto tiene dos parámetros: La cadena de texto que se quiere reducir y el tamaño del texto que queremos mostrar.

A continuación os muestro el código mediante el cual podréis reducir una cadena de texto mostrando puntos suspensivos al final de la misma.

function recortar_texto($texto, $limite=100){
   $texto = trim($texto);
   $texto = strip_tags($texto);
   $tamano = strlen($texto);
   $resultado = '';
   if($tamano <= $limite){
      return $texto;
   }

   else{
      $texto = substr($texto, 0, $limite);
      $palabras = explode(' ', $texto);
      $resultado = implode(' ', $palabras);
      $resultado = '...';
   }
   return $resultado;

}

Ejemplo: Vamos a mostrar los primeros 24 caracteres de la siguiente cadena de texto; "En un lugar de la Mancha, de cuyo nombre no quiero acordarme"

// Asignamos el texto que queremos reducir a una variable

$CadenaTexto = En un lugar de la Mancha, de cuyo nombre no quiero acordarme;


// Realizamos la llamada a la función para mostrar 20 caracteres

echo recortar_texto($cadena, 24);


// Resultado mostrado en pantalla

En un lugar de la Mancha...

Como dibujar rutas en Google maps

Tutorial PHP: Como dibujar rutas en google maps

Google maps es el servicio de mapas de Google que ofrece imágenes vía satélite de todo el planetas junto con mapas de casi todas las ciudades de aquellos países que han colaborado y permiten que Google muestre a los millones de usuarios que utilizan este servicio gratuito de Google.

A continuación mostraremos un ejemplo práctico sobre como dibujar rutas en Google maps utilizando coordenadas o direcciones indistintamente.

Ejemplo: Como dibujar rutas en Google maps.

Para realizar el ejemplo sobre como dibujar rutas en Google maps utilizaremos dos clases básicas:

DirectionsService y DirectionsRenderer : Donde la primera es la que realiza la petición del servicio al servidor y devuelve los datos y la segunda la encargada de mostrar la ruta seleccionada en nuestro mapa.

1) En primer lugar deberemos inicializar:


directionsService = new google.maps.DirectionsService();

directionsDisplay = new google.maps.DirectionsRenderer();

directionsDisplay.setMap(map);

2) En segundo lugar crearemos un objeto del tipo Request de la siguiente manera:

var request = {

 origin:start,

 destination:end,

 travelMode: google.maps.DirectionsTravelMode.DRIVING

};

3) En tercer lugar llamamos a la función que dibuja la ruta en Google maps

directionsService.route(request, function(result, status) {
   if (status == google.maps.DirectionsStatus.OK) {
      directionsDisplay.setMap(map);
      var mystr="";
      for(var i in result.routes){
         var mylegs=result.routes[i].legs
         for(var j in mylegs){
            mystr += mylegs[j].distance.text;
            mystr += " " + mylegs[j].duration.text+ " <br/> ";
         }
         mystr+=" <br/>";
         $(“#infoRecorrido).html(mystr);
      }
      directionsDisplay.setDirections(result);
   }

});

4) En este punto ya tenemos el ejemplo finalizado y estamos en disposición de dibujar rutas en Google maps.

El resultado de dibujar rutas con Google maps es el siguiente:

ARTÍCULOS QUE TE PUEDEN INTERESAR

Cómo guardar la configuración de una red wifi en Windows 7
Cómo abrir puertos windows 7
Atajos de teclado de Windows
Windows 7 no muestra la fecha