Buscar este blog

lunes, 22 de noviembre de 2010

martes, 16 de noviembre de 2010

SEGUNDA PARTE FACEBOOK

Hola esta es la siguiente parte mi proyecto de facebook
En este post esxplicare el codigo del index y explicare el codgio que subi y hace posible mi aplicacion pues empesemos:
Una ves que ya allamos subido los archivos y librerias de facebook se agrega en la cabezera el siguiente codigo:


Cabezera:
<html>  
<?php
require_once 'facebook.php';
$appapikey = '7759447f762edfad4804d2c56cb32142';
$appsecret = '1e34b702b991ed722be939bd5f02b659';
$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login();
?>

En lo que es el codigo de la cabezera en lo de la llave o key se ponde la que nos da facebook al crear nuestra pequeña aplicacion y viene en la palicacion de developers, de igual manera la clave secreta.
En donde dice user_id ... esta pequeña isntruccion nos sirve para cuando una
perona no alla entrado a nuestra aplicacion, facebook pedira el tradicional permiso.

SIguiente pedasito de codigo:
<fb:add-profile-tab />
<fb:title> APLICACION DEL AVE DISFRUNTENLO</fb:title>
<a href="#" onclick="hello_world(this); return false;">Hello World!</a>
<script>
<!--
function random_int(lo, hi) {
    return Math.floor((Math.random() * (hi - lo)) + lo);
}


Bueno en este codigo lo que estoy haciendo es poner la cabezera de mi aplicacion
y un scrip del tradicional hola mundo y con una funcion random me lo cambia de
color al darle click.
 
<fb:swf
swfbcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://aveldano.byethost10.com/espacio.swf'
width='680' height='540'/>

Bueno en este codigo se enlaza mi index hacia mi servidor donde tengo guardado
un juegito en formato flash creado por mi mismo que ne la tercera parte explicare como lo cree.

<fb:comments xid="comenarios_del_ave" canpost="true" candelete="false" reverse="true" showform="true">
<fb:title>hablando de la programacion</fb:title>
</fb:comments>


En estas siguientes lineas de codigos se meustran como hacer que las personas nos dejen sus comentarios y puedan leer los que opinen de nuestra pequeña aplicacion.
Lo que es el index lo modifique desde el servidor y desde un subdominio que cree
y aqu les dejo el pantallazo del codigo :D



 













Bueno despues de todo esto la aplicacion quedaria de siguiente manera:
: D















Esperen la utima entrada del super flash
cualquier duda comentarios
etc etc pues comenten :D

jueves, 11 de noviembre de 2010

INICIO DEL PROYECTO

Hola como estamos casi al finalizar nuestro curso aqui les muestro lo que e hecho por el momento disfruntenlo.

Proyecto en facebook
Antes que nada sobre mi proyecto mi idea era crear un juego para facebook y subirlo , que todas las personas la vieran y si se puede creare una aplicacion
para que puedan subir fotos desde mi aplicacion.

Antes que nada tenemos que crar un servidor web ya que sin este pues no funcionaria nada de esto y si es necesario.
Les recomiendo que se registren e esta pagina:

www.byethost10.com

1-. Les  da un espacio para su servidor de: 5632 MB
2-. Les da una banda ancha de: 204800 MB
3-. Pueden crear hasta 50 subdominio gratisss

Y ya que nos  registramos en cualquier servidor pasemos al siguiente paso:
 
Entramos a facebook desde su cuenta, en caso de que no tengan cuenta(lo dudo realmente) pues la creaon :D

Primero nos tenemos que registrar en la pagina : http://www.facebook.com/developers/ en esta pagina pueden le damos click configurar una nueva aplicacion en la misma pagina:

Posteriormente ponemos el nombre de nuestra aplicacion.
En mi caso estoy utilizando : FBML
Y es necesario descargar las librerias para que funcione estas librerias las pueden descargar desde la documentacios :D
Y todos nuestras librerias las subiriamos en nuestro servidor, yo les recomendaria que creen un subdominio desde su servidor y despues en una carpeta en mi caso se sube en  esa carpeta llamada: htdocs que esta en el subdominio creado.

Regresemos a developers y le damos configurar la aplicacion. Primero se meustra lo esencial que son los datos de nuestra aplicacion:

Posteriormente seleccionamos Facebook integration y nos saldra una pagina como esta:


















En la pagina de del trabajo se pondra el nobre de nuestra aplicacion y sera la urs de como irnos ya a nuestra aplicacion funcionando
Y en el canvas se pondra el subdominio solamente de donde se encuentren todos nuestros archivos y listo  asta este momento ya enlazamos facebook con nuestro servidor y nuestros archivos en el siguiente post hablare mas al fondo sobre el index y de como subir las aplicaciones , como crear comentarios y el acceso de permisos
ATTE EL AVE cualquier error favor de comentar :D

miércoles, 10 de noviembre de 2010

La libreria pygame en python

Hola compañeros en esta ocacion inente usar la libreria de pygame para
la aplicacion para facebook en este pos les mostrare la manera de como este funciona y como se instala desde la terminal disfruten el post.

INSTALANDO
Desde la terminal de ubuntu tecleamos el siguiente comando:

sudo apt-get install python-pygame

encaso de que no se instale es necesario teclear el comando update de la
siguiente manera:

sudo apt-get update
posteriormente intentamos nuevamente la primera instruccion para instalar
la libreria pygame, al instalarse prosigamos de como utilizarla:
En este ejmplo les pondre parte de un codigo que estoy utilizando para el proyecto, es sobre un juego de una nave espacila, en el codigo les mostrare
como cargar imagenes e ingresarle movimiento a nuestra nave en mi caso:














En este pantallazo puse las primeras lineas de mi codigo, al hora de importar la
libreria se pone: import pygame
from pygame.locals import * en esta segunda linea es para que cargue todas las
librerias que contiene el pygame

En el siguiente paso como vieron en la imagen puse lo que es el tamaño del recuadro o de la ventana donde se proyectara nuestro resultados
.
Posteriormente creamos las clases, las clases en lo que  investigado son codigos
que directamente se asocian aun objeto particular de nuestro programita, en
este caso la clase que le llame avion es para el pequeño avion y en la clase es
donde le daremos movimiento :D

Aqui les muestro toda la clase completa del objeto avion:














Aqui en esta imagen se muestra toda la clase llamada avion, donde dice load_imagen es odnde carga la imagen de avion, les recomiendo que sea con extencion .png ya que este tipo de imagenes el fondo no aparece en la aplicacion
y se vera mejor detallado,las siguientes instrucciones son de donde estara colocado el objeto y en la instruccion speed indica el tiempo de movimiento
de nuestro objeto en este caso del avion.

El movimiento de nuestro objeto esta dado por las instrucciones:
       
    def mover(self, time, keys):
        if self.rect.top >=0:
            if keys[K_UP]: // indica que si presionamos la flecha de arriba la nave o el obejto se moveria hacia arriba
                self.rect.centery -= self.speed * time // indica la velocidad de la nave u objeto
         if self.rect.bottom <= HEIGHT:
            if keys[K_DOWN]: //indica hacia la direccion de abajo con al flecha hacia abajo
                self.rect.centery += self.speed * time



En el siguiente apartado se muestra nuestra funcion main donde llmaremos o enlazamos nuestras clases:














En la imagen anterior se muestra la funcion main o def main donde la instruccion
nos muestra la pantalla dependiendo de los valores que le ayamos puesto en la primera parte del tamaño posteriormente se creo una variable avion_jug para el
manejo del avion , posteriormente se carga la imagen del fondo e indicamos
la posicion como se muestra en el codigo.
Dentro del while s epone las siguientes instrucciones:
while True:
        time = clock.tick(60) // indica el tiempo de transcurso
    keys = pygame.key.get_pressed()


       
    for event in pygame.event.get(): // indica los eventos
        if event.type == pygame.QUIT: // en este caso indica si le presionamos x a la ventana esta se cerrara
            sys.exit()
        AVION_jug.mover(time, keys) // indica la accion de nuestra nave en el transcurso del tiempo
    screen.blit(fondo, (0, 0)) // en las siguientes isntrucciones son muy importantes ya que estas redibujan todo otra ves depues de un nuevo movimiento ya que si no lo ponemos al mover el objeto en este caso el avion se borraria la imagen de fondo
    screen.blit(AVION_jug.image, AVION_jug.rect)
    screen.blit(bala_bal.image, bala_bal.rect)
        pygame.display.flip() 
if __name__ == "__main__":
    main()
Por el momento esto es todo si tienen alguna duda o propuesta favor de dejar algun comentario y si encuentran un error en el codigo favor de decrimer gracias
por su comprencion.
Ya por finaliszar al correr el scrip el resultado es el siguiente:

martes, 5 de octubre de 2010

Proyecto de medio curso segunda parte

Hola de nuevo:

Hola ya anteriormente mensionado mi proyecto tratara de una tiendita.

Para poder realizar este proyecto se necesito crear al inicio alrededor de 12 archivos con extención txt, todos son modificables.

El codigo del python lo que realiza o su trabajo, lee todos los archivos creados y los va acomodando en cuatro paginas html para diferentes utilidades.

El python lee los archivos mediante varios for, pero antes de leer los archivos, ya tiene que estar abierto el archivo html donde se escrivbira lo que mencione el archivo.txt


De esta manera el codigo lee los diferentes archivos.

El siguiente paso era crear el CSS para este archivo utilize unos achivos .txt guardando los estilos de los diferentes departamentos y de la pagina principal o inicial:


y para leerlo desde el codigo se utiliza lo mismo que en la primera imagen pero se guarda en su respectivo html.


Para los himpervinculos solo se hace referencia al html hacia donde queremos que llege, las referencias las puse en un archivo .txt donde el python los lee ya antes mencionados.


En la parte inferior de esta imagen se ve de que manera se realizo la referencia a otra pagina ya creada por el codigo del python.

Ya por finalizar estas son las imagenes de como se ve en un navegador:



 

Y asi se ve en un navegador.
Presentación en forma de video:
  video

LINKS DE DESCARGAS:

Link donde se puede descargar todo el proyecto:
http://www.mediafire.com/?qy4dvjvm5vc54jl

Link donde se puede descargar la presentacion
En formato de una presentacion normal formato pps:
http://www.mediafire.com/?8u77b4j8pwlblhl

Cualquier enlace que no funcione favor de decirme gracias






domingo, 19 de septiembre de 2010

Proyecto de medio curso

Hola a todos otra ves:
Mi proyecto va ser de una tienda departamental
Mi programa de python lee varios archivos o bases de datos y segun
la informacion que contengan se genera la pagina web.

Utilize css dentro del mismo html no cree uno aparte
Cada base de datos representa cada una de los departamentos de la tienda.

Aqui les muestro un ejemplo de varios comandos por ejemplo el css queda asi:
En python:
Y lo crea en html y lo pone de esta forma

y en html sale de la siguiente manera:
Y para imprimirlo o crearlo en html use instrucciones como "nombre".write("....
pero para eso u archivo tuvo que averse avierto que es el html y asi fui escriviendo
todas las bases de datos cada una las abri por separado y leido por separado.

Aun le falta pulida pero esto es un adelanto de como va quedando:

Aqui les dejo un link donde lo pueden descargar:

http://www.mediafire.com/?xxxorrz8x4xif2l
Si no funciona porfavor de decirme para corregirlo
Gracias

martes, 7 de septiembre de 2010

Programando en python

Antesque nada lo que es el lenguaje del python es mas simple simple su sintaxis
que el lenguaje c++ pero hay que tener un poco de cuidado con los espacios
yaque meapasado que cuando no paso el espacio no funciona correctamente
el programa.

Empecemos con el programa:

 Antes que nada este programa de python es de cadenas no toma los valores de la cadena sino cambila losvalores de las cadenas ya puestaspara crear un inventario pero ya con un valor de productos predeterminados  y hay les va:



#!/usr/bin/python

# tiendita de alex

i = 0
a = [0, 1, 2, 3, 4]
b = [0, 1, 2, 3, 4]
n = 4

print "Productos maximo de mi inventarios"
while i <= n:
    print i
    print "como se llama el producto que va aqui:"
    nombre = raw_input()
    b[i] = nombre
    print "Cuantos productos existen de este productos"
    c = int(raw_input())
    a[i] = c
    i = i + 1

print "inventario en forma de tabla"
print b
print a