uso del servicio dyndns

El servicio DynDNS nos proporciona una dirección de Internet a lo que le llamamos dominios de forma gratuita, como ejemplo http://chicosche.sytes.net y DynDNS hace que tu pc tenga un nombre en internet y tu PC funcione como hosting, servidor de FTP, etc, todo lo que se nos ocurra. eso quiere decir que te olvides de publicidad por todos lados, direcciones largas o que tengas que pagar hosting (aunque eso es relativo el costo de la conexión a Internet y la luz cuestan), tambien DynDNS nos dice cual es la dirección IP de nuestra pc por que normalmente el internet que pagamos aquí en México cada vez que lo reiniciamos nos cambia la IP (si han escuchado eso de que si descargas algo en rapidshare por ejemplo que reiniciemos nuestro router para que nos de otra IP y así podamos volver a descargar de rapidshare sin esperar el tiempo para otra descarga). Otra de las cosas que maneja DynDNS en su servicio son los subdominios, ellos te dan subdominios gratis.

Montando el servidor

Una de las cosas que hay que hacer despues de instalar ubuntu-server en este servidor que nos estamos montando es configurar la red. Nos es completamente necesario tener una IP fija en este ordenador ya que la vamos a necesitar para poder asignarle unos cuantos puertos en el Router que son necesarios para que se puedan ver servicios desde Internet como por ejemplo el 80 para el Web o el 21 para el Ftp.

bueno nos logueamos en nuestro usuario (en este caso root) y lo primero que tenemos que hacer es modificar el archivo interfaces para poder darle la dirección a nuestro servidor

cp /etc/network/interfaces /etc/network/interfacesRespaldo

esto lo hacemos por si hacemos una modificación mal podemos regresar a una configuración anterior

una vez que entramos al archivo con nuestro editor (este caso por consola es el nano) tenemos que hacer las configuraciones correspondientes, la configuracion que le deje fue la siguiente

auto lo
iface lo inet loopback
auto eth0
iface eth0 inet static

address 192.168.l.72
netmask 255.255.255.0
gateway 192.168.1.254
nameserver 208.67.222.222; 208.67.220.220

bueno esto hará que se conecte y se fije a la ip 192.168.1.72
el nameserver pues es la dirección del servidor dns sobre el cual queremos montar nuestro servidor.

con todo esto solo quedaria instalar apache, mysql y el soporte de php pero esto ya lo hemos explicado en otras entradas y el proceso es el mismo

Para desbloquear nuestros puertos, en mi caso con el que tengo lo explicare de manera sencilla, nos vamos a la ip local del gateway 192.168.1.254

entramos a la configuracion de bloqueo de intrusos vamos a seleccionar la maquina que queremos en este caso abrirle los puertos





y pues ya vamos asignando de uno en uno los puertos que queremos y asi abrimos los puertos para nuestro servidor

De Regreso a Trabajar

Bueno después de un rato de vacaciones, (aunque no fueron realmente vacaciones yo y los miembros de mi equipo estuvimos ocupados con otros proyectos y decidimos ponernos al tanto los últimos días de vacaciones sobre el proyecto GTD) nos hemos reunido desde muy temprano como a eso de las 12 para armar un cpu que sera nuestro servidor y bueno hemos decidido dejarlo en mi casa por que soy quien tiene mas rápida la conexión de internet.
Y el sistema operativo que tiene es ubuntu. si se han fijado nosotros hemos estado manejando mucho software libre, no podía ser la excepsion con nuestro servidor, entre otras cosas discutimos sobre los avances que queremos desarrollar en el proyecto GTD, como la seguridad y como se abrirán los grupos, tenemos algunas ideas, pero bueno ahora solo queda configurar el servidor, en el proximo post hablare un poco mas detallado sobre la configuración que hicimos sobre nuestro servidor y bueno les debo las fotos de cuando lo armamos por que realmente se me había olvidado el blog.

Implementaciones de CSS

Acontinuacion dejo unas capturas de las mejoras realizadas a la web mediante CSS, una de las mas notables es la pantalla de Login la cual sufrio un cambio radical al recibir las bondades de CSS.




ANTES

DESPUES

Y tambien nuestra paginas generales sufrieron ciertos cambios en los links!




ANTES

DESPUES

ANTES

DESPUES

Seguiremos implementando CSS en nuestra web!!

Primeros avances del sistema de organizacion

Desde el inicio del proyecto se definieron 3 acciones que para la organizacion de las actividades:
Finalizar
Triturar
Modificar

En esta entrada hablare sobre los primeros dos

Bueno para empezar necesitamos saber que boton se pulso, esto es demasiado sencillo como se ha explicado en entradas anteriores solo con isset sabemos que boton pulsamos pero tambien hay que recordar que a los botones hay que asignarles un valor con el cual podamos identificarlos





de esta forma al momento de hacer isset queda de esta forma

if (isset($_POST['accion']))
$organizar=$_POST['accion'];
como pueden ver solo buscamos saber que boton se pulso y a una variable le asignamos el valor del boton pulsado.
Despues con sus respectivos valores los metemos en un if asi podremos saber que transaccion se hara en la base de datos

if($organizar=="Finalizar"){
Transaccion...
}

de esta forma podemos archivar y triturar nuestras actividades

Insertar Nueva Actividad

asi de esta forma separamos las actividades por energia solo quedaria mostrar los datos como resultado en la web

y como se puede ver el resultado final es que se puede mostrar los resultados de acuerdo a la energia



En el sistema GTD otra de las cosas mas importantes es acerca de crear nuevas actividades esto se hace facilmente con la siguiente consulta

INSERT INTO TGTD_ACTIVIDADES (act_nombre)

el primer detalle que se me complico fue el que usuario viera la actividad por que no se insertaba en la tabla TGTD_ACTUSR

SELECT COUNT(act_id) FROM TGTD_ACTIVIDADES;
INSERT INTO TGTD_ACTUSR (usr_id, act_id) VALUES ('$usr_id', '$Count')

con esto insertamos el registro pero se presento otro problema que fue al eliminar el ultimo registro esto lo solucione con


"SELECT MAX(act_id) FROM TGTD_ACTIVIDADES";

"INSERT INTO TGTD_ACTUSR (usr_id, act_id) VALUES ('$usr_id', '$max');";

Actividades de acuerdo a la energia

En el sistema GTD hay que organizar las actividades de acuerdo a la energia que tenemos, en una entrada anterior hable sobre que hacer para obtener el valor de la energia con los botones y esto se puede refrescar en cada pagina en el que cambiemos el valor de la energia actual.

Ahora explicare como hacer para mostrar las actividades de acuerdo a la energia que se tiene actualmente.

Primero lo que necesitamos es hacer la seleccion de la base de datos, el detalle de hacer esto es que nos va a mostrar todos los resultados en orden en el que se han insertado en la base de datos.

Para solucionar esto se necesitamos separar los datos de acuerdo a la energia que se ha puesto como ejemplo tenemos y guardarlo en diferentes variables por ejemplo

while ($row = mysql_fetch_array($act, MYSQL_BOTH)) {
if($act_energia[$i]==1){
$energia1[$uno]= "...";
$uno++;
}
...
$i;
}

Un poco sobre CSS

Como leyeron en el post anterior ChicosChe empezo a usar los poderes milenarios de CSS y estamos probando los efectos que podemos obtener, aun así seguimos teniendo como prioridad, pasar todas nuestras tablas y formularios a PHP sin descuidar el aspecto Visual Minimalista que nos caracteriza!

Como saben CSS son hojas de estilo que nos permite dar a nuestras paginas web
una apariencia mas agradable, esto hace una web facilmente editable, con la ligera desventaja de que algunos navegadores actualmente no soportan todas estas nuevas funcionalidades.

ChicosChe tiene como meta lograr un entorno comodo, ligero, y de facil comprension para el usuario, para que literalmente se sienta "como en casa" al acceder a nuestro sistema GTD y para lograrlo precisamente son estas nuevas incrustaciones de CSS.

La idea central de CSS es hacer que la programacion web sea una seccion muy diferente a su diseño.

botones en forma de enlace

otro problema con el que me llegue a topar es al momento de elegir que equipo quieres visualizar, para darle una solución rápida llegue a crear una pagina por cada equipo pero no tiene sentido


Las etiquetas <a> no pueden mandar nada, almenos que sea con el método get del php aun así se busca discreción acerca de lo que se manda en la web, asi que decidi probar con botones y que pueden mandar mediante post o get un "value" como pude mostrar con los botones de energia



Aplicando esto quedo de la siguiente manera, pero de cierta manera perdió la estética de que era un enlace, por lo que aplicando un pequeño detalle en el css quedo de esta forma



En la manipulación del objeto botón con el css solo cambiamos

border:0;
background-color:#fff;

de esta manera tenemos un botón sin borde y con el fondo que queramos.

SEMANA ARDIENTE!!!!

Esta semana fue muy pero muy laborada apesar de ciertos inconvenientes dimos grandes avances en cuanto a programacion PHP y su uso con MYSQL asi que dejare aqui algunos comandos de como funcionan algunas lineas de codigo.

VER CODIGO DE CONEXION

<?php
$db=mysql_connect ("localhost","jromeroc","123456");
mysql_select_db("asm");

$sql = "SELECT * FROM Usuario";

$rs = mysql_query ($sql);
echo "<form ACTION='consulta.php' mehod='post'>";
echo "usuario:";
echo "<select name='usr'>";
while($usr=mysql_fetch_objects($rs))
{
echo"<option>".$usr-<Usuario."</OPTION>";

}
echo"</select>";
echo"<input type=submit>";
echo"</FORM>";
?>

Consulta.php

<?php
$nombre= $_POST('usr');
echo $nombre;
?>

Tambien tenemos archivos para borrar datos:
Borrar.php

<?php
$db
mysql_select
$pk=$_GET["id"];
$sql= "DELETE * FROM Usuarios where pkusuario={$pk}";
mysql_query($sql);
echo "se borro . . . . regresando a matar a tu novia"
?>

Y tambien tenemos para dar altas (insertar nuevos datos:

Alta.php

<?php
echo "<form action='guardar.php' method='POST'>";
echo "Nombre:";
echo "<input TYPE= TEXT SIZE= 40 NAME='NOM'>";
echo "<input TYPE=SUBMIT>";
echo "</form>";
?>

Nuestro archivo de listado:
Listado.php

<?php
$db
mysql_select_db
$sql="select "
$rs=mysql_query
while ($usr=mysql_fetch {
echo "<td><a ref=borrar.php?id".$usr->pk_usuario.">"."[X]</a></td>"
echo "<td>"nombre"</td>";
}
?>

Y nuestra clase Guardar:

Guardar.php

<?php
$nombre=$_POST['nom'];
$db =
$sql="INSERT INTO USUARIOS SET Nombre='{$nombre}'";
mysql_query($sql);
?>

Estos son los archivos basicos que nos han servido para crear nuestras conexiones y ediciones a la BD!!

Acceso de energía

Desde que empezamos a trabajar con php hemos estado mudando toda la aplicación poco a poco a del html a php uno de los primeros problemas que se me presento fue el siguiente

En nuestra aplicación GTD consideramos importante saber con cuanta energía cuenta actualmente el usuario, en la que utilizamos 3 botones tipo input pero esto me causaba confusión al momento de utilizar el POST para el php pues en ese momento no sabia que botón era el que se pulsaba por lo que no tomaba ningun valor, lo cual solucione de esta forma

$boton[1]=$_POST['ET1'];

$boton[2]=$_POST['ET2'];

$boton[3]=$_POST['ET3'];

$energia=0;

for($i=1;$i<=3;$i++)

if($boton[$i]>$energia)

$energia=$boton[$i];

de esta manera solo guardaba los datos en 3 variables diferentes y buscaba cual era el que no me devolviera valor null, pero no me sentí muy convencido por lo que investigue un poco mas a fondo y me encontré con la palabra reservada isset el cual nos ayuda a saber si alguna variable ha sido definida, con lo cual quedo

if (isset($_POST['ET']))

$energia=$_POST['ET'];

de esta forma nos ahorramos varias lineas de código, estar creando variables que posiblemente no utilicemos y así como saber el valor del botón que pulsamos.