Comunidad PHPeros

Lenguajes => PHP => Tutoriales PHP => Mensaje iniciado por: RumbaStereo en 13 de Mayo de 2011, 17:34:44 pm

Título: [Tutorial] Como Hacer un Panel Sencillo
Publicado por: RumbaStereo en 13 de Mayo de 2011, 17:34:44 pm
Buenas Phpero´s, como dice el titulo les enseñare a crear un Panel Sencillo lo pueden utilizar para sistemas de noticias que no tenga panel, un minichat que no tenga panel, o simplemente un panel web; el tutoria lo hire reforzando con muchos tutoriales mas que van a complementar un panel espectacular, recuerden el diseño o diseños que utilizare son basicos ;) asi que a lo que vinimos:

PD: Antes de empezar a hacer este panel debes de saber que al archivo que vas a agregar el panel Sea Minichat o sistema de noticias debes importar un codigo SQL:


Código: [Seleccionar]
CREATE TABLE IF NOT EXISTS `rangos` (
  `rango` varchar(255) NOT NULL,
  `id` int(3) NOT NULL auto_increment,
  PRIMARY KEY  (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;


El Archivo Conectar que se utilizara en la explicacion debe de estar en el sistema que incorporaras el panel

1-. El primer paso de hacer un panel es verificar si el usuario ya esta conectado para no volver a hacer el proceso de logueo y obviamente para saber el rango del usuario para mostrar dichas opciones, y para poder hacer esto debemos conectar a la db (base de datos); esto lo hacemos con el siguiente codigo:


<?
session_start();
include("ARCHIVO QUE CONECTARA A UNA BASE DE DATOS")[color=orange]//incluimos el archivo que conectara a la db para saber si realmente conecto[/color]
if($_SESSION['nick']) { // Aqui lo que hacemos es verificar si el usuario esta conectado comprobandolo con el nick
?>


2-. Despues de comprobar si esta o no conectado vamos a hacer nuestra estructura del panel yo tengo una estructura basica:


<table align="left" width="200" bgcolor="#DDEEFF" border="1" bordercolor="#0099FF" cellspacing="0" cellpadding="0">
  <tr>
    <center><td height="18"><p>Opciones que deseas en tu panel</p>
    <p>-Opcion</p>
    <p>-Otra Opcion</p>
    <p>-Otra Opcion</p>
    <p>-Otra Opcion</p></td></center>
  </tr>
</table>
<table width="400" height="20" border="1" bordercolor="#0099FF" bgcolor="#D9ECFF" cellspacing="0" cellpadding="0">
  <tr>
    <td>AQUI HIRA UN SISTEMA DE MODULACION Que les Explicare como Hacerlo mas Abajo</td>
  </tr>
</table>



Mi Estructura esta echa por dos tablas, una en la que muestra las opciones y/o otra que mostrara lo que esta adentro de las opciones, para hacer esto haremos un sistema de modulacion;

Para Ello Haremos Una Comprobacion de existencia de una carpeta o archivo, lo incluimos a nuestra tabla y mostramos un mensaje inicial:


<? // Aqui Empezaremos a Hacer un sistema de modulacion que es muy util en nuestros minichats
if (file_exists($_GET['muestra'].".php")) { // Verificamos si existe la carpeta muestra
include ("./".$_GET['muestra'].".php"); [color=orange]// incluimos el archivo en la tabla
} else {
echo "Ejemplo Para Tuto Rumbastereo";//Aqui mostraremos Lo que Qieras Antes de Seleccionar una Opcion (mensaje inicial)[/color]
}
// Antes que nada debo mencionar que el nombre de nuestro sistema es "muestra" < sin comillas ?>


3-. Ahora Simplemente falta cerrar nuestro archivo con la verificacion de si el usuario no esta conectado quemuestre dicho mensaje y esto lo hacemos de la siguiente manera:


<?
}else{
echo "No Estas Conectado; Logueate porfavor"; // Aqui lo que hacemos es que si el usuario no se ha conectado mostrara el mensaje
}
?>


4-. Solo Falta Agregarle Dicho link a nuestras opciones del panel y obviamente indicarle a que rango mostrarle esa opcion y a cual no, lo hacemos de la siguiente manera:


<?
$consi = mysql_query("SELECT * FROM usuarios WHERE nick='$_SESSION[nick]'");
$date = mysql_fetch_array($consi);
$rol = $date['rango'];
if($rol == "Web-Master") { // Como pueden Ver aqui indica que solo el Rango Web-Master Puede leer y clickar la opcion "Opciones Generales" < Sin Comillas
echo'<a href="URL DEL PANEL.php?muestra=URL DEL ARCHIVO QUE DESEA MOSTRAR">Opciones Generales</a>'; // Como pueden ver En la URL DEL PANEL.php indica en el archivo que se va a encontrar la opcion, ?muestra= < indica que el archivo debe de mostrarse en la tabla donde mostrara los archivo y el URL DEL ARCHIVO QUE DESEA MOSTRAR < indica que este archivo es el que mostrar; OJO no deben de colocar Extension .php solo el nombre ya que cuando incluimos el muestra automaticamente indicamos la extension del archivo.
}
?>


NOTA: Recuerda Cambiar lo que Dice Opcion, Otra Opcion .... Cada Opcion la Cambiaras por el codigo del 4-. Paso y obviamente modificar de acuerdo a lo que tu quieras

Aqui colocare los tutoriale que implementaran opciones y mas:

TUTO 1: http://www.phperos.net/foro/index.php?topic=7639.0
TUTO 2:Proximamente


VISTA PREVIA: http://rumbastereomc.webcindario.com/pruebas/tutopanel/tutopanel.php

USER: Demo PASS: demo

Como ven lo eh agregado al ingresar de mi MiniChat y se ve correctamente ;)

Salu2 Espero les Sirva Comentar Es Agradecer!  ;)
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: Ultracity en 13 de Mayo de 2011, 18:01:40 pm
Añade una Vista Previa para que lo veamos amigo  ;)
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: RumbaStereo en 13 de Mayo de 2011, 18:18:53 pm
ok vista previa con usuario colocados espero les guste :D
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: Edwin en 14 de Mayo de 2011, 00:15:36 am
No está mal, en verdad es sencillo el panel. Muy bueno para aprender y modificarlo a gusto.
1+
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: RumbaStereo en 19 de Mayo de 2011, 19:54:06 pm
Actualizo:

Ya Esta la Continuacion del Tutorial :) http://www.phperos.net/foro/index.php?topic=7639.0 Un Saludo ;)
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: Inaudito en 19 de Mayo de 2011, 22:52:56 pm
Actualizo:

Ya Esta la Continuacion del Tutorial :) http://www.phperos.net/foro/index.php?topic=7639.0 Un Saludo ;)

No veo la necesidad de crear 2 temas diferentes.
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: RumbaStereo en 19 de Mayo de 2011, 23:03:04 pm
Creo que es mejor No Tanta informacion en un Post ;)
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: Inaudito en 19 de Mayo de 2011, 23:04:05 pm

Creo que es mejor No Tanta informacion en un Post ;)

Yo creo que quieres Spamear tu "script" por el foro sea como sea.
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: RumbaStereo en 19 de Mayo de 2011, 23:20:48 pm
lol Que dices aprende a leer es un tutorial no un script ademas no tengo necesidad de spamear "mi script" por todo el foro Ya que todos los leen por muy diferente que sean; ademas en ves de agradecer lo que hacer es criticar lol no digo mas ademaslas cuentas se las rindo a un Administrador o Moderador no a ti, no ahy alguna regla que eh incumplido y si lo eh hecho muestramela ;)
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: -Pituko- en 19 de Mayo de 2011, 23:31:35 pm
Yo creo que quieres Spamear tu "script" por el foro sea como sea.
No quiero molestar mucho a Rumba pero estoy de acuerdo con Siquillote, esto es demasiado simple y ya se ha visto mucho, andas emocionandote mucho porque ya sabes PHP, el mc lo anunciaste como loco cuando yo te enseñe a mostrar los mensajes y lo de Worlperfil, creo que estas exagerando (Además de que se escribe world).
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: RumbaStereo en 19 de Mayo de 2011, 23:35:26 pm
World Se escribe de mi mente xD Lo quice escribir asi y ya esta xD bueno otra cosa no sabia que aprender y enseñar Fuera un Delito Igualemente pienso igual asi o no digan nada lo del minichat lopublique como loco ? hice un POST para el y solamente otra para la Version 2 Ahy algun problema dios realmente aqui atacan por nada es mi problema si publico como loco lo que por 4 años me costo saber ;)
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: -Pituko- en 19 de Mayo de 2011, 23:47:18 pm
World Se escribe de mi mente xD Lo quice escribir asi y ya esta xD bueno otra cosa no sabia que aprender y enseñar Fuera un Delito Igualemente pienso igual asi o no digan nada lo del minichat lopublique como loco ? hice un POST para el y solamente otra para la Version 2 Ahy algun problema dios realmente aqui atacan por nada es mi problema si publico como loco lo que por 4 años me costo saber ;)
1.- Estas de acuerdo que si no te hubiera enseñado a usar while no hubieras hecho nada de eso.
2.- No me parece que aunque sepas tan poco hagas tanto alboroto (no encuentro la palabra correcta) por tan poco, he probado tu red social, y le falta mucho, va bien pero ya exageraste con el 56% o con lo de fotos, yo diría que te moderes porque ya vivi esto yo, se acuerdan de Pituko-Maniatico, puff, con tan poco que sabía publicaba como loco y como loco y todos terminaron viendome mal y criticandome, eso es a lo que me refiero.

Si no quieres aceptar mi consejo no lo aceptes, vas bien pero ya estas exagerando un poquito.
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: RumbaStereo en 19 de Mayo de 2011, 23:54:38 pm
men porque siempre tienes que tratar las personas por debajo tuyo ? te aprecio pero eres asi y bno se porque men lo del while fue una gran ayuda, soyjoaquin una persona que para mi es uno de los mejores de la comunidad y nunca me ha tratado como menos o mas que el, siempre trata de darle a entender a uno que puede, en cambio teempeñas en decir ven te lo ago y ya pasas el codigo y uno que queda sin aprender ?
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: -Pituko- en 20 de Mayo de 2011, 00:26:47 am
men porque siempre tienes que tratar las personas por debajo tuyo ? te aprecio pero eres asi y bno se porque men lo del while fue una gran ayuda, soyjoaquin una persona que para mi es uno de los mejores de la comunidad y nunca me ha tratado como menos o mas que el, siempre trata de darle a entender a uno que puede, en cambio teempeñas en decir ven te lo ago y ya pasas el codigo y uno que queda sin aprender ?
Yo no te digo, ven te paso el código, no quiero seguir con la pelea, yo te dije lo del while, pero te explique su uso y todo eso con lo cual aprendiste, si te paso le código no haces nada más.
Y no las trato por debajo mío solo que no me parece muy bueno que exageres con tus proyectos.
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: Juanda en 20 de Mayo de 2011, 02:00:11 am
Y yo creo que ustedes están criticando a rumba porque es "usuario común"

Antes de comentar vallan al tema de los tutoriales publicados van a ver mas de 1 tutorial de lo que es hoy en día moderador que esta escrito en distintos temas, antes de hablar infórmense.

Saludos
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: -Pituko- en 20 de Mayo de 2011, 02:17:37 am
Y yo creo que ustedes están criticando a rumba porque es "usuario común"

Antes de comentar vallan al tema de los tutoriales publicados van a ver mas de 1 tutorial de lo que es hoy en día moderador que esta escrito en distintos temas, antes de hablar infórmense.

Saludos
Me informo y hablo y no lo critico porque sea usuario común, informate antes hablar.
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: Juanda en 20 de Mayo de 2011, 02:20:05 am
Me informo y hablo y no lo critico porque sea usuario común, informate antes hablar.


Solo estoy diciendo que tiene todo el derecho de hacerlo.  ;)
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: -Pituko- en 20 de Mayo de 2011, 02:56:44 am

Solo estoy diciendo que tiene todo el derecho de hacerlo.  ;)
Nunca dije que no tiene el derecho de no hacerlo, no me parece que exagere con sus proyectos.
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: Inaudito en 20 de Mayo de 2011, 15:28:39 pm

Y yo creo que ustedes están criticando a rumba porque es "usuario común"

Antes de comentar vallan al tema de los tutoriales publicados van a ver mas de 1 tutorial de lo que es hoy en día moderador que esta escrito en distintos temas, antes de hablar infórmense.

Saludos

Estás muy equivocado si crees que esto va por "fama" o estatus de programador. Te re*****, te equivocas. Yo aún soy un estúpido en el mundo de la programación y recuerdo aquellos momentos cuando empezaba a hacer mis primeros scripts (Esa sensación de que has hecho algo que no todos pueden hacer y la satisfacción que te da).

Respecto a lo de Rumba, hay que pensar un poco con la cabeza. Dice que hace 2 temas para no "manchar" el tema pero si puede meter un poco de Kbps de basura en la base de datos (Que se paga y eso tiene un límite) de PHPeros. No digo mas, solo que veo innecesario el segundo tema...
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: Physlet en 21 de Mayo de 2011, 05:50:00 am
Y luego tienen el descaro de quejarse de por qué pasa lo que pasa.
Dejen de buscarle siempre la quinta pata al gato y ya. Al menos él está interesado en ayudar y es lo que cuenta.
Título: Re:[Tutorial] Como Hacer un Panel Sencillo
Publicado por: RumbaStereo en 23 de Mayo de 2011, 06:17:59 am
Y luego tienen el descaro de quejarse de por qué pasa lo que pasa.
Dejen de buscarle siempre la quinta pata al gato y ya. Al menos él está interesado en ayudar y es lo que cuenta.

Es lo que trato de decir hace rato ;)