neko :3

Test 2

test

tralalalalala

Mas informacion Web Movil

Buscando mas información sobre diseño web para mobiles encontré los siguientes datos espero les sea de utilidad

Documento

Script para control de fecha

Se escribió un script en php que tome la fecha actual y la sume mostrando el numero y día que le sigue a cada uno.

Aquí dejo un ejemplo de lo que hace, y debajo el código

Lun-30-05-11
Mar-31-05-11
Mie-1-06-11
Jue-2-06-11
Vie-3-06-11
Sab-4-06-11
Dom-5-06-11
Lun-6-06-11
Mar-7-06-11
Mie-8-06-11
Jue-9-06-11
Vie-10-06-11
Sab-11-06-11
Dom-12-06-11
Lun-13-06-11

PHP AQUI

Adaptando la web para dispositivos mobiles

El día de hoy se nos a solicitado a parte de muchas otras cosas crear la interfaz mobil de nuestra web. Por lo que:

A tener en cuenta:

1. La web está ya diseñada siguiendo los standards y con una hoja de estilos separada: Esto nos permitirá jugar con la imagen de manera más simple y adaptar aquello que nos interese sin tener que depender del código generado por el CMS
2. No utiliza Flash, ni javascript, ni hay popups:  Muchos móviles no soportan los embed y tienen problemas con plugins y scripts.
3. El gestor de contenidos tiene un sistema de plantillas: Lo que nos permitirá crear una plantilla adaptada si es necesario, sin cambiar para nada la actualización de contenidos.

¿Que podemos hacer entonces?

Tenemos claro que el interfaz gráfica es mucho más pequeña y las limitaciones son varias.

1. Ancho máximo 120px: Consideramos que el ancho máximo es 120px (a tener en cuenta en las imágenes sobre todo)
2. Rediseñamos la cabecera: Mantenemos el logo pero usamos una versión alargada, minimizando el espacio que ocupa.
3. Estructuramos los bloques: Evitamos crear varias columnas, de manera que la lectura sea totalmente lineal, y las líneas lo más largas posibles.
4. Cambiamos los mecanismos de navegación
   1. Utlizamos la miga de pan como elemento principal de navegación. Si es necesario creamos un menú con las mínimas opciones necesarias, pero siempre intentando que sea un línea.
   2. Movemos el menú principal al final de la página. Si alguien quiere ver toda la navegación, ahí la tiene.
5. Ajustamos las imágenes: Ponemos solamente las imprescindibles, y si se puede las optimizamos este medio (más pequeñas, mínimo peso)
6. Comprobamos las fuentes: las aumentamos para facilitar la lectura en las pantallas o las optimizamos probando en distintos navegadores móviles
7. Usamos medidas relativas:  Evitamos siempre medidas absolutas para permitir que según sea la pantalla móvil se adapte todo el contenido.
8. Evitamos el scroll horizontal

Estamos preparándonos para tener lista nuestra web.  Esperenlo!

Revision webs

una vez mas revisamos las paginas web aquí nuestros comentarios hasta ahora.
[Esperaremos hasta lunes en la mañana para ver si los demás equipos activan su servidor.

#COMENTARIOS AQUI

Aqui del equipo Gantz

Revisiones chicosche

Aqui estan las revisiones de los equipos en esta semana.

Dar click Aqui

Exposición!!

Aqui les dejamos los archivos de nuestra exposición.

Diapositivas

ver online click aqui

Ejemplo 1

Ejemplo 2

Ejemplo 3

Ejemplo 4

Ejemplo 5

Esperamos les sirva, Gracias por parte de ChicosChe!

Prueba de registro con validación y uso de calendario simples Chicosche!



[Los datos que inserten realmente se almacenaran en una base de datos]

Opiniones sobre equipos

Estos son los comentarios para los servidores web
MEL
http://pw-mel.dyndns.biz

Bueno muy buen diseño, lo primero que me incomodo, fue que las letras para el registro tienen que estar en mayúsculas después que rellene todos los campos. Fue molesto tener que rellenarlos de nuevo

También me fue incomodo que solo soporten contraseñas de 9 digitos pues yo uso normalmente una contraseña mas larga.

Por lo visto a la hora de ingresar el numero de control, en la esquina superior izquierda uno puede cambiar la fecha de solicitud manualmente.

Al seleccionar las materias a validar , puedo seleccionar varias veces la misma materia o elegir a placer mi calificación saliendo de los limites lógicos.

Al crear el PDF en todos los campos ingreso "W"

Se puede acceder al directorio raiz y ver la estructura de la web.

OSEAS
http://satme.sytes.net/alumnosmain.html

Algunos problemas de codificación de caracteres.

La lista de materias a validar no se despliega.

TEAM ASM
http://team-asm.dyndns.org

No he podido logearme marca el siguiente error

Es lo que puedo comentar hasta ahora! un saludo.

Servidor offline temporalmente

A las 5:15 del día de hoy se ha presentado una baja de potencia en las lineas que alimentan al servidor principal de ChicosChe, Estaremos de vuelta pronto.


[Como medida de reforzamiento se ha adquirido un No-break para su instalación el día de mañana a la fecha de este post]

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.

Primeros pasos con php

El maestro nos enseño el uso de ciertos scripts en php , sobre todo para la conexión con la base de datos y la llamada de datos desde la base de datos hacia el sistema , el cual nos sera muy útil por lo que planeamos integrarlo al sistema en estos días.



   
 Codigo de ejemplo: 

mysql_connect("localhost", "Chicosche", "clave");

Esta parte del codigo es la encargada de hacer "magia" ya que indicando el lugar de nuestro servidor en nuestro caso "localhost" y poniendo el usuario de nuestra Base de Datos mysql mas su debida contraseña accesa a nuestro servidor de mysql

mysql_select_db("GTD", variable);

En la linea siguiente hemos seleccionado la base de datos con la cual queremos hacer conexión , en este caso es la base de datos relacionada con el tema GTDTeamwork
Después de esto solo enviamos consultas de mysql mediante php y las ordenamos como mas nos convenga.

Lo siguiente es el código tal como nos lo explico el profesor.

VER CODIGO CLICK AQUI

<?php

$db = mysql_connect("192.168.10.172","root","");
mysql_select_db("smyte");

$sql = "SELECT * FROM carreras";
$rs  = mysql_query($sql);

echo "<table width=100% border=1>";

echo "<tr bgcolor=blue>";
echo "<td><font color=white><b>pk_carrera</b></font></td>";
echo "<td><font color=white><b>carrera</b></font></td>";
echo "<td><font color=white><b>area</b></font></td>";
echo "</tr>";

$r=0;
while($usr = mysql_fetch_object($rs)){
$r++;

if($r%2==0) echo "<tr bgcolor='#CCCCCC'>"; else echo "<tr>";

echo "<td>" . $usr->pk_carrera . "</td>";
echo "<td>" . $usr->carrera . "</td>";
echo "<td>" . $usr->area . "</td>";

}
echo "</table>";

?>

Greased Lightbox

→←+-↻

Loading image

Click anywhere to cancel

Image unavailable

Entidad-Relacion

Bueno en la clase de hoy el maestro nos dijo que teníamos que ajustar unas cosas en nuestras tablas de Entidad-Relación

aquí dejo una imagen de como quedo.

Nomenclatura de la base de datos

Bueno en una entrada anterior hable de la nomenclatura hoy me dedique un momento a analizar mis tablas y aqui muestro la nomenclatura que deseo utilizar asi tambien los tipos de datos que manejaremos en nuestra base de datos

dar click Aqui

WORCKBENCH!

ChicosChe esta utilizando MySQL WorckBench y funciona bien, muy bien!
estamos usando este software para crear nuestras entidades relacion y estamos practicando en el, todo con tal de lograr una base de datos solida, funcional y extendible!.

Clases

El día de hoy el maestro no asistió a clase, con mis compañeros de los equipos OSEAS y MEL estube comentado sobre donde habían manejado las tablas Entidad-Relación y como se les hacia mas fácil manejar los tipos de datos, me comentaron que utilizaban MySQL workbench, a ver si después lo probamos nosotros.

Avances con la base de datos!

Pues ChicosChe continua trabajando y ya tenemos avances con nuestra base de datos, aun no terminamos de crear nuestra entidad relación pero, ya estamos resolviendo ligeros problemas esperenlo!!!

>>>>DEMOSTRACIÓN DE LA BASE DE DATOS<<<<<

Nomenclaturas

Bueno hace como una semana el maestro comento algo de las nomenclaturas.
Ahorita ando un poco interesado en este tema de las nomenclaturas por lo pronto he encontrado dos articulos un poco curioso sobre el tema aqui mismo dejo los enlaces de estos artículos (dar click en los nombres).

Estándar de nomenclatura en Base de Datos
En este articulo menciona que la nomenclatura que el usa no precisamente nos tiene que gustar a nosotros, da recomendaciones de como nombrar los nombres de las base de datos, sus tablas y sus campos, almenos es como el maestro dice, una vez que empezamos a escribir los nombres de nuestras variables,campos y tablas de una forma hay que mantenerlo consistente en esa forma, esto nos ayuda mucho a la hora de escribir nuestros códigos y base de datos sean mas entendibles a otras personas.

Convenciones de nomenclatura
En este segundo articulo nos muestra una serie de normas que seria de preferencia usar a la hora de desarrollar nuestros codigos, y dice algo que me pareció muy interesante.

"Código hermoso, que los seres humanos pueden leer, que hace uso de variables de rango limitado es lo que debes escribir si esperas que el dia de mañana que te promuevan a gerente de proyecto, tus pupilos no sufran leyendo la funciones que desarrollaste ayer."

También ahí mismo da un enlace a un blog de msdn donde dan recomendaciones a la hora de programar aunque si bien es para .net o VB, es importante tener en cuenta las convenciones de nomenclatura a la hora de programar aplicaciones.

"La legibilidad del código debería ser un objetivo primario", así mencionan en el blog de msdn, teniendo en cuenta que ayuda mucho a entender el código que realizamos, incluso si un día olvidamos que hicimos antes, pero lo tenemos bien legibles nos puede ayudar.

Vaciar la mente

Bueno quiero recalcar sobre uno de los puntos mas importantes que considero en el gtd
el cual es vaciar la mente

"Pasamos más tiempo pensando las cosas que tenemos que hacer, que haciéndolas…"

David Allen dice esto en su libro y en medida que tenemos mas cosas que hacer y sin organizarlas adecuadamente se nos acumula el "estres"

igualmente Allen dice: “La medida de nuestra productividad es directamente proporcional a la capacidad que tenemos para relajarnos y la mejor forma de relajarnos es…vaciar la mente.”

Tenemos que vaciar nuestra mente de todo lo que tenemos que hacer, obviamente nuestra mente esta hecha para pensar, difícilmente nos recordara cosas que tenemos pendientes hacer incluso muchas veces por esto muchas actividades que tenemos que realizar terminamos olvidandolas me ha pasado muchas veces.

Si la mente tuviera su propia inteligencia nos recordaría las cosas pendientes que tenemos que hacer sólo cuando fuera posible que hiciéramos algo al respecto.

Durante el proceso de recopilación buscamos vaciar nuestra mente de todas las cosas que tenemos por hacer y que nos gustaría recordar en otro momento.

Por ejemplo si un día vamos a comprar despensa al supermercado pero no hicimos una lista, entonces tratamos de pensar para "recordar" en todo lo que nos hace falta, mientras lo buscamos dudamos un poco de que si realmente es lo que necesitamos y después lo compramos, cuando lleguemos a nuestra casa lo mas seguro es que olvidamos varias cosas por comprar o incluso compramos algo que no nos hacia falta, pero si en vez de dejar que nuestra mente recordara todo lo que habia que comprar y lo hubiésemos anotado en una lista, fácilmente lo recordaríamos e incluso dejaríamos de estar dando vueltas y dudando si realmente lo necesitamos.

Pues así es como pasa dejamos que nuestra mente trate de realizar todo pero el problema es que tiene un mínimo de eficacia manejando todas las cosas que hay que recordar, como dije antes esta hecho para pensar mas no para recordar. Podemos pensar que poner en la lista que queremos comprar y con la lista recordamos que queremos comprar.

Mas mejoras en el prototipo

se esta empezando a mejorar las plantillas sobre el css para la web aqui dejo una muestra