inclusa

Introducció a GIT i a GITHub

2016-02-19T23:53:00.002+01:00

GIT és un control de versions minimalista i potent.

GIT està inclós als repositoris de LliureX, sols cal instal·lar-lo.

GITHub és GIT en xarxa social.

Si vols visualitzar una iniciació molt bàsica, però efectiva de GIT ho pots fer clicant ací.

Si vols aprofitar els slides prem la tecla «s» mentre visualitzes la presentació i podràs veure una innovadora tecnologia per presentar slides. Es tracta d'una patalla pensada per visualitzar al portàtil tant l'slide present com el que ve darrere, així com un rellotge i un espai de notes.

Per construir aquests slides hem utilitzat la tecnologia reveal.js disponible a GITHub.

Xifra els arxius crítics

2015-07-16T03:14:00.001+02:00

El xifratge al nostre sistema LliureX sempre és una feina afegida, un treball més, una capa per damunt per tal de protegir allò que volem.

En anteriors episodis...

Hem tractact el tema en altres contextos:

Xifratge de carpeta a Dropbox
Utilitzar FreeEnigma per xifrar correus a GMail sobre Firefox

Hem utilitzat per llarg temps Trycrypt sobre Ubuntu, per xifrar directoris complets amb un nivell alt de satisfacció, quan encara era segur.

Hem provat, per altra banda, l'extensió de Thunderbird Enigmail, la qual facilita molt el xifratge de correu.

Pensem que cal guardar la informació crítica de forma correcta, per tal de protegir les coses més valuoses.

A l'episodi de huí xifrarem un arxiu de text pla

Tot acaba arribant, amb la necessitat de xifrar informació en un fitxer de text pla m'he vist obligat a utilitzar el senzill xifratge que ofereix PGP.

Es tracta d'un procediment pel qual amb un comandament xifrarem l'arxiu i amb un altre desxifrarem en pantalla, en terminal aquest mateix arxiu per accedir a la informació.

1. Generem el missatge

$ vim missatge.txt

2. Visualitzem el contingut

$ cat missatge.txt 

Aquest missatge és confidencial, per això cal que reste xifrat a la nostra màquina.

3. Xifrem el missatge amb GPG

$ gpg -c missatge.txt

Demana una frase, dues vegades, cal escriure la contrasenya i hem de recordar que no veurem els caracters que teclegem.

4. Visualitzem el missatge xifrat

$ cat missatge.txt.pgp

p��͎
t`�r ����&�%���������9_� ����d�8$ M�z�}\�x�69��� i5�����T} � �A����t��w~-,���@�w�

5. Desxifrem el missatge

$ gpg -d missatge.txt.pgp

gpg -d missatge.txt.gpg 

gpg: CAST5 encrypted data

gpg: encrypted with 1 passphrase

Aquest missatge és confidencial, per això cal que reste xifrat a la nostra màquina.

gpg: WARNING: message was not integrity protected

La última línia es refereix a que no hem fet servir un nivell de xifratge més alt AES254, com s'explica ací. Però el nostre objectiu és introduir, començar a xifrar, que ja hi haurà temps per fer mèrits.

Seria bo xifrar un arxiu quan:

Enviem informació confidencial per correu
Guardem un procediment una contrassenya crítica de forma segura
Elaborem un document tècnic amb informació confidencial: informe d'aprenentatge, ACIs, actes de reunions, etc.

Xifrar documents és una idea, ofereix una capa de seguretat que demana al que ho vol desxifrar moltes molèsties per accedir a la mateixa.

Sols recorda una idea clau: no oblides el la contrasenya o pedràs tota la feina que has fet.

Per guardar la contrasenya pots xifrar un arxiu on guardes totes les contrasenyes i procediments pertinents.

Aquest arxiu matriu pot tenir una contrasenya especial, amb un alt nivell de seguretat.

Font: Desde Linux

Instaweb: visualitza .git al server

2015-06-06T23:50:00.001+02:00

GIT és una genial ferramenta de seguiment de canvis, el que s'ha vingut anomenant «control de versions». El cas és que és una molt bona ferramenta de documentació i reflexió sobre els xicotets passos que anem donant fins arribar a l'objectiu que ens proposem.

Cada dia utilize més no sols GIT, sinó tota la tecnologia associada a aquesta ferramenta.

Comentem com llançar un servidor per visualitzar al navegador el codi escrit.

Es basem en aquest video:

Si treballem des de LliureX, Ubuntu, Debian caldrà instal·lar el servidor lighttpd, que no és més que una reducció d'Apache una opció lleugera i solvent.

Ni que dir té que caldrà tenir GIT instal·lat.

$ sudo apt-get install git

Ara instal·lem lighttpd:

$ sudo apt-get install lighttpd

Per instal·lar-ho des de LliureX caldrà activar els repositoris d'Ubuntu.

Després caldrà situar-nos en la web del projecte on hem inicialitzat GIT i llançar el servei.

$ git instaweb start

D'aquesta manera se'ns obrirà un servidor local amb el codi que conté .git amb unes opcions la mar d'interessants:

http://127.0.0.1:1234

Exemple concret:

Podem consultar la documentació de la ferramenta de forma on-line:

http://git-scm.com/docs/git-instaweb

Des de la terminal també podrem visualitzar el manual:

$ man git-instaweb

GIT-INSTAWEB(1)                   Git Manual                   GIT-INSTAWEB(1)

NAME
       git-instaweb - Instantly browse your working repository in gitweb

SYNOPSIS
       git instaweb [--local] [--httpd=] [--port=]
                      [--browser=]
       git instaweb [--start] [--stop] [--restart]

DESCRIPTION
       A simple script to set up gitweb and a web server for browsing the
       local repository.

OPTIONS
       -l, --local
           Only bind the web server to the local IP (127.0.0.1).

       -d, --httpd
           The HTTP daemon command-line that will be executed. Command-line
           options may be specified here, and the configuration file will be
           added at the end of the command-line. Currently apache2, lighttpd,
           mongoose, plackup and webrick are supported. (Default: lighttpd)

       -m, --module-path
           The module path (only needed if httpd is Apache). (Default:
           /usr/lib/apache2/modules)

       -p, --port
           The port number to bind the httpd to. (Default: 1234)


           The web browser that should be used to view the gitweb page. This
           will be passed to the git web--browse
           URL of the gitweb instance. See git-web--browse(1) for more
           information about this. If the script fails, the URL will be
           printed to stdout.

       start, --start
           Start the httpd instance and exit. Regenerate configuration files
           as necessary for spawning a new instance.

       stop, --stop
           Stop the httpd instance and exit. This does not generate any of the
           configuration files for spawning a new instance, nor does it close
           the browser.

       restart, --restart
           Restart the httpd instance and exit. Regenerate configuration files
           as necessary for spawning a new instance.

CONFIGURATION
       You may specify configuration in your .git/config

           [instaweb]
                   local = true
                   httpd = apache2 -f
                   port = 4321
                   browser = konqueror
                   modulepath = /usr/lib/apache2/modules

       If the configuration variable instaweb.browser is not set, web.browser
       will be used instead if it is defined. See git-web--browse(1) for more
       information about this.

SEE ALSO
       gitweb(1)

GIT
       Part of the git(1) suite

Configurar DNS a Ubuntu 14.04 LTS

2015-04-18T19:45:00.000+02:00

He escrit aquest article després de quedar-me sense servidor de DNS amb un problema amb l'última actualització.

Per afegir servidors de DNS sense que es reescriga l'arxiu

/etc/resolv.conf

cal seguir aquests passos:

1. Llistem els servidors de DNS que la nostra màquina està utilitzant

$ nm-tool

2. Escrivim els servidors de DNS que volem afegir a l'arxiu:

/etc/resolv.conf

Ho farem escrivint els servers als l'arxius

/etc/resolvconf/resolv.conf.d/base

el qual quedarà així:

nameserver 62.81.16.164

nameserver 62.81.16.213

nameserver 8.8.8.8

nameserver 8.8.4.4

També escriurem el mateix a l'arxiu:

/etc/resolvconf/resolv.conf.d/head

que quedarà així:

nameserver 62.81.16.164

nameserver 62.81.16.213

nameserver 8.8.8.8

nameserver 8.8.4.4

3. Llavors, reiniciarem la xarxa

$ sudo /etc/init.d/networking restart

4. Llistem els DNS

$ cat /etc/resolv.conf 

# Dynamic resolv.conf(5) file for glibc resolver(3) generated by resolvconf(8)

#     DO NOT EDIT THIS FILE BY HAND -- YOUR CHANGES WILL BE OVERWRITTEN



nameserver 62.81.16.164

nameserver 62.81.16.213

nameserver 8.8.8.8

nameserver 8.8.4.4

nameserver 127.0.0.1

5. Revisem finalment les nostres dades amb la utilitat

$ nm-tool

Ja no ens tornarem a quedar a les fosques, sense servidors de DNS després d'actualitzar.

Nota: utilitze els servidors de DNS d'Ono i dels de Google, així si falla un sempre tindrem l'altre.

Xifra els teus arxius a Dropbox

2015-02-14T00:44:00.000+01:00

Dropbox té un excel·lent sincronitzador d'arxius. Es pot utilitzar de forma molt fàcil, però el problema bé quan la informació que hi poses cal que estiga protegida.

Explicarem com xifrar la informació confidencial i sincrontzar-la xifrada.

Per tal de fer-ho, utilitzarem sistemes GNU/Linux Debian, Ubuntu, LliureX.

Passos:

1. Instal·lem EncFS

$ sudo apt-get install encfs

2. La idea és tenir una carpeta xifrada a Dropbox i muntar-la al nostre home, així que farem tot això en una sola línia:

$ encfs /home/lliurex/Dropbox/xifrat /home/lliurex/Documents/privat

D'aquesta manera tindrem una carpeta xifrada i sincrontitzada a Dropbox que es muntarà al punt de muntatge /home/lliurex/Documents/privat

3. En l'acció anterior primer ens preguntarà si volem crear les dues carpetes, caldrà respondre: Yes, y.

4. A continuació ens preguntarà per la contrasenya, dues vegades, què, caldrà no oblidar si no volem perdre la informació.

5. Ja podrem escriure la la carpeta privat, a la carpeta xifrat romandran els arxius xifrats.

6. Desmuntarem la carpeta privat des de la terminal, ja que caldrà ser administrador per fer-ho:

$ sudo umount /home/lliurex/Documents/privat

Quan Dropbox sincronitze tindrem totes les dades xifrades al núbol.

7. Muntem la carpeta de nou:

$ encfs /home/lliurex/Dropbox/xifrat /home/lliurex/Documents/privat

Ja podrem escriure a la carpeta privat, caldrà després caldrà desmuntar-la com hem explicat en el pas 6.

8. Llest

Font: HowtoGeek

Reparant permisos corruptes al pendrive

2015-02-10T05:14:00.000+01:00

Fa temps que utilitze diversos scripts a Debian/Ubuntu/LliureX per tal de sincronitzar arxius.

Ho faig mitjançant la utilitat rsync, que és unidireccional, per tant no cal decidir el sentit sino que cal decidir quin script utilitze.

El cas és que sovint es trenquen permisos, la causa més comuna és no desmuntar el pendrive com cal.

El millor mètode per tal d'arreglar els permisos sense formatar el pendrive crec que és aquest:

1. Muntem el pendrive amb el navegador d'arxius (cas de Fluxbox) en qualsevol altre escriptori es munta sol.

2. Mirem les unitats muntades

$ df -h

3. Desmuntem la unita

$ sudo umount /dev/sdb

4. Reparem els permisos de la unitat

$ sudo fsck -r /dev/sdd1

5. Ja funciona rsync

Font: Alvaro Lara

Compilant Wifi USB per a Lliurex Platinum 14.06

2014-11-18T00:37:00.001+01:00

El temps no passa de bades, apareixen nous dispositius, més xicotets, més compactes. Però també apareixen nous problemes: no funcionen amb els darrers kernels de LliureX.

La setmana passada varen portar un ordinador a l'aula que havia de funcionar amb wifi per connectar-se a internet. Aquest ordinador no disposava de targeta wifi i el pendrive que ens varen fer arribar era més modern del que cabia esperar, no funcionava amb els kernels inclosos a LliureX 14.06, versió Desktop 25/08/2014.

Calia cercar una solució per tal de no utilitzar sistemes hegemònics al mercat.

El repte era fer funcionar aquest dispositiu TP-LINK TL-WN725N:

Una miqueta de cerca i vàrem trobar la solució.

Simplifiquem els passos per tal de que quede constància de la forma més senzilla possible.

Passos:

1. Baixem el codi des de GITHub

https://github.com/lwfinger/rtl8188eu

2. Per baixar el programari comprimit en zip cliquem aquest enllaç

3. Descomprimim l'arxiu:

unzip rtl8188eu.zip

4. Ens situem dins del directori

cd rtl8188eu

5. Compilem el codi

sudo make all

6. Instal·lem

sudo make install

7. ~~Carreguem~~ copiem al kernel

sudo insmod 8188eu.ko

8. Cerquem el punt d'accés wifi amb la utilitat corresponent network-manager

9. Introduïm la contrasenya

10. Ja estem navegant per internet

Més senzill impossible, a GNU/Linux davant un problema sembla que si busques trobes solucions.

Instal·la el client d'Agrega

2014-10-28T11:35:00.003+01:00

Agrega és un repositori de continguts lliures es pot accedir-hi de forma oberta o mitjançant un client.

Expliquem els passos per instal·lar el client d'Agrega per als sistemes Debian, Ubuntu, LliureX... que tenen una arquitectura de 64 bits.

1. Accedim a Agrega

Cal decidir si es vol baixar per una arquitectura de 32 o de 64 bits.

Pista: els ordinadors amb processador AMD són de 64 bits. Mirem les instruccions per a aquesta arquitectura:

http://www.agrega2.es/web/content/cliente-de-escritorio-agrega2-para-linux-64bits-v11

2. Comprovem que tenim instal·lades les dependències:

Utilitze el signe de $ per dir que s'ha d'executar en un terminal.

$ sudo apt-get install libnss3 libnss3-1d libnspr4 libnspr4-0d

En cas de no tenir les dependències s'instal·laran, però ens demanaran la contrasenya d'administrador.

Si no estan al repositori de LliureX, activarem els repositoris d'Ubuntu. En Ubuntu sí estan.

3. Baixem l'arxiu des d'aquest enllaç

http://www.agrega2.es/web/sites/all/modules/pubdlcnt/pubdlcnt.php?file=http://www.agrega2.es/web/sites/default/files/descargas/cliente-de-escritorio-agrega2-para-linux-64bits-v11/archivo/cliente-agrega-linux64-v11tar.gz&nid=83

Si ens hem situat a la terminal, a la carpeta Baixades o Descàrregues ho podem fer amb el comandament wget d'aquesta manera:

$ cd Baixades

$ wget http://www.agrega2.es/web/sites/all/modules/pubdlcnt/pubdlcnt.php?file=http://www.agrega2.es/web/sites/default/files/descargas/cliente-de-escritorio-agrega2-para-linux-64bits-v11/archivo/cliente-agrega-linux64-v11tar.gz&nid=83

Ara ja tenim l'arxiu al nostre ordinador.

4. Descomprimim aquest arxiu.

Està comprimit per dos mètodes: gz i tar

Descomprimim el gz

$ gzip -d cliente-agrega-linux64-v11tar.gz

Obtindrem un aquest arxiu:

$ cliente-agrega-linux64-v11tar

Però la persona que ho va comprimir no li va donar l'extensió correcta, així que ens vegem obligats a renomenar l'arxiu:

$ mv cliente-agrega-linux64-v11tar cliente-agrega-linux64-v11.tar

Ara ja tenim l'extensió .tar i el prodrem descomprimir

El descomprimim:

$ tar xvf cliente-agrega-linux64-v11.tar

Obtindrem aquests arxius:

agrega2_full_screen.sh
agrega2_normal_screen.sh
app
cliente-agrega-linux64-v11.tar
data
descargas
descargas_agrega
Leeme-Agrega2.txt

5. Finalment executarem l'arxiu agrega2_full_screen.sh o l'arxiu agrega2_normal_screen.sh segons vullguem una pantalla completa o parcial. L'executarem així:

$ ./agrega2_full_screen.sh

Ja tenim accés al repositori i podrem pujar (caldrà enregistrar-se en Agrega) i baixar arxius, (no cal enregistrament).

Gestió de la bibliteca mitjançant PMB

2014-10-01T10:42:00.004+02:00

Vectors per organitzar la biblioteca del centre educatiu mitjançant el programari lliure PMB inclòs a Lliurex.

#1 Per començar

Presentació completa de tots els aspectes de la Biblioteca
21 Preguntes sobre la Biblioteca en Lliurex.

#2 Revisem altra documentació tècnica

Primer manual de PMB escrit per a Lliurex
Guia escrita pels desenvolupadors de PMB (en francés)

#3 Documentació pedagògica

#4 Comunitats d'usuaris

Al fòrum de la comunitat EduTicTac hi ha un fil molt interessant sobre PMB per aprendre com es fan les coses més tècniques
Comunitat més tècnica d'usuaris de PMB en espanyol al Google Groups

#5 Exemples de resolució exitosa

On-line IES Sixto Marco d'Elx
Ens conten com han aconseguit millorar el servei a l'IES Sixto Marco d'Elx

#6 Videos on s'explica el funcionament

Iniciar sessió i cercar documents al catàleg

Reservar llibres de forma on-line

Lliurex: cronologia breu

2014-07-26T05:54:00.000+02:00

Descarrèga-te'l en format gràfic

Suspendre o hivernar Lliurex des de la terminal

2014-07-16T14:13:00.003+02:00

Hivernar o suspendre des de la teminal

1. Comprovar que si el teu ordinador suporta aquesta tecnologia

cat /sys/power/state

Explicació:

standby: S1 (Power-On Suspend) - clock continues to run (delay shows in the timeline)
    El rellotge contingua corrent en la línia de temps

freeze: S2 (Low-Power Idle) - not currently supported properly in the kernel
    No suportada però properament ho suportarà el kernel

mem: S3 (suspend to RAM) - clock stops, the state is stored in RAM
    Es para el rellotge, queda magatzemada en la RAM, cal no tallar el corrent
si no es vol perdre la informació

disk: S4 (suspend to disk) - clock stops, memory is flushed to disk, reboots with disk image
    El rellotge es para, es queda una còpia de la memòria en una imatge de disk,
des de la qual arrancarà la propera vegada, si es talla el corrent no es perd res

Font: https://01.org/suspendresume/documentation/getting-started

2. Suspendre

sudo pm-suspend

Recordeu es queda una imatge a la RAM, cal no tallar el corrent si no es vol perdre informació.

Aquesta opció no és bona pels ordinadors portàtils, o cal tenir en compte el temps d'energia si no es vol perdre informació.

3. Hivernar

sudo pm-hivernate

Queda emmagatzemada la informació a disk dur mitjançant una imatge. Bona opció pels portàtils, ja que si s'acaba la bateria no es perd informació.

4. Suspendre i hivernar al mateix temps

sudo pm-suspend-hybrid

D'aquesta manera el sistema es suspén, però si ens quedem sense bateria el sistema arranca des de la imatge emmagatzemada al disc dur. No es perd informació.

Potser aquesta és la millor opció si es treballa amb portàtils.

Font: http://blog.desdelinux.net/como-hibernar-o-suspender-mediante-comandos-en-la-terminal/

Accedir al registre de la Conselleria sobre Ubuntu 14.04

2014-07-12T19:50:00.000+02:00

Per accedir al registre de la Conselleria d'Educació sobre Ubuntu 14.04 cal fer diverses accions per tal que tot vaja correctament.

1. Website

https://appweb.edu.gva.es/SID/core/public/jsp/login.jsp

2. Accedim amb el certificat digital expedit per la Generalitat Valenciana

http://www.accv.es/

3. Si ja tenim el certificat importat al navegador caldrà intentar entrar amb el certificat digital, però sembla que el certificat d'aquesta web no està en el registre de certificat acceptats per Java així que caldrà dir-li a Java que faça una excepció.

4. Obrim el panel de Control de Java, per fer-ho obrim un terminal i posem

$ ControlPanel

Cal respectar les lletres majúscules.

5. Accedim a la pestanya Security

6. Afegim l'adreça a la qual volem que accedisca Java i que cree una excepció

7. Ja podrem accedir amb el nostre certificat digital per tal de veure nòmines, sexenis, IRPF, Registre de cursos del Cefire, etc., des d'Ubuntu 14.04

GIT, aconseguint iniciar-nos sense por

2014-07-01T05:53:00.000+02:00

1. Concepte

GIT és un sistema de control de versions distribuit (tots els ordinadors tenen tota la informació, fitxers i història) i gratuït.

GITHub és un SaaS (sistema en el núbol per gestionar els repositoris).

2. Instal·lació de GIT

Instal·lem sobre Debian, Ubuntu, Lliurex...

> $ sudo apt-get install git

Revisem la versió

> $ git --version

Ens situem dintre del directori a contolar

> $ cd control

Inicialitzem el repositori

> $ git init

S'inicia un repositori creant-se una carpeta oculta dins de la carpeta de treball (.git)

També podrem clonar el repositori

> $ git clone git://github.com

3. Fluxe de treball amb GIT

Afegim un fitxer

> $ git add fitxer

HEAD: lloc on li hem dit a GIT que les modificacions ja són vàlides.

Quan guardem un fitxer podem posar un comentari o aclariment

> $ git commit -m 'missatge'

Pugem els fitxers al respositori

> $ git push origin master

MASTER: branca del repositori on es van a fer els canvis.

ORIGIN: repositori remot

Podem definir altres repositoris als quals també podrem pujar el codi

> $ git remote add nombre <servers>

Per obtnir els canvis del repositori

> $ git pull origin master

3. Branques en GIT

Tots els projectes, per defecte, tenen la branca MASTER on, al final, acaben totls els desenvolupaments que fem.

Podem definir altra branca, per exemple, DEVELOP on anar fent tots els xicotets canvis que necessitem fer.

Per canviar de branca, per situar-nos a una altra branca

> $ git checkout -b develop

checkout → canvia de branca -b → crea la branca

Quan arribem a un punt on tots els canvis que hem anat fent son estables i ens interessa que apareguen en la branca MASTER farem un merge.

Primer ens situem en la branca MASTER

> $ git checkout master

Ara li diguem que porte els canvis que hem fet a DEVELOP

> $ git merge develop

Ara tindrem una nova versió a la branca MASTER

Pot passar que hi hagen problemes al fer el merge, en cas que GIT no sàpiga distingir quinies són les líies bones ens ho preguntarà.

4. Etiquetes en GIT

Podem definir etiquetes per a gestionar versions del nostre codi o punts importants de desenvolupament, de forma que després ens siga fàcil identificar les fases de desenvolupament

> $ git tag -a v1.0 -m 'Versió 1.0'

5. Banques en GIT

Les branques són línies de treball que tenen un objectiu. Posem un exemple de diferents branques amb diferents objectius de fases del treball.

MASTER: branca principal on aniran tots els canvis finals, així que, en aquest cas podriem etiquetar diverses versions explicitant les fases V0.1, v0.2, v0.3, etc.

DEVELOP: branca on es realitzen canvis més xicotets, però també es proven. Pot tenir diverses subbranques.

RELEASE: branca on podem agrupar certs pasos endaavnt, quan está provada podrem incorporar-ho a MASTER.

6. Si fallem podem tronar enrere

> $ git checkout --fitxer

Inclús podem dir "tot el que hem fet pins ara no val per a res"

> $ git fetch origin && git reset --hard origin/master

7. Rerefències

Escrita

Video

La web que volem

2014-04-29T22:51:00.001+02:00

Em sume a aquesta iniciativa de fer conscient la web que volem.

Vull una web que conte amb les persones, som més que números.

Lliurex Pandora i el problema de gestor d'energia

2014-02-22T16:44:00.000+01:00

Des del kernel 2.22 quan Ubuntu el va incorporar a la seua distro a l'any 2009 he tingut problemes en el sistema de gestió d'energia ACPI.

Darrerament he hagut de revisar el problema en un portàtil antic, del 2002.

Així ho he solucionat.

Problema

No arribava a apagar l'ordinador correctament.

Anàlisi

Després de diferents proves m'he adonat de que:

1. L'ordinador sí apaga correctament, però no apaga el monitor ni els ventiladors, no apaga el hardware però el sistema tanca correctament.

2. El problema té a veure amb l'ACPI o Avanced Configuration and Power Interface.

Solució

Cas A

1. Incloem un ordre en un mòdul del kernel

Editem el fitxer /etc/modules i hi afegim aquesta línia al final:

apm apm_off=1

Guardem els canvis.

2. Modifiquem GRUB afenint la això en la línia on carrega el kernel:

acpi=force

Ara apagarà correctament.

Il·lustrem on afegim a la línia 117 com es pot veure ací, l'ordre acpi=force, de manera que quedaria així:

 menuentry 'LliureX, amb el Linux 3.2.0-58-generic-pae' --class lliurex --class gnu-linux --class gnu --class os {
110         recordfail
111         gfxmode $linux_gfx_mode
112         insmod gzio
113         insmod part_msdos
114         insmod ext2
115         set root='(hd0,msdos1)'
116         search --no-floppy --fs-uuid --set=root a2b25ec8-7934-4f27-9432-614903548eef
117         linux   /boot/vmlinuz-3.2.0-58-generic-pae root=UUID=a2b25ec8-7934-4f27-9432-614903548eef ro acpi=force quiet splash $vt_handoff
118 
119         initrd  /boot/initrd.img-3.2.0-58-generic-pae

Guardem els canvis i reiniciem.

Cas B

M'he trobat amb ordinadors amb una targeta gràfica integrada:

VGA Compatible Intel Corporation 82845G/GL

La qual fa que la pantalla es configura de forma forçosa a 640x480 quedant com un quadret al centre de la pantalla reduint la visibilitat de forma considerable.

La solució que he trobat a aquest problema ha estat incloent l'ordre al GRUB acpi=off. Així es força a carregar el controlador genèric VESA a una resolució de 1024x768 donant l'opció de baixar la resolució a 640X480, però per defecte obtenim la resolució 1024x768.

Perdem el tema d'optimització d'energia, però, salvant això el problema es soluciona.

Ilustrem com quedaria l'arxiu /boot/grub/grub.cfg

111  menuentry 'LliureX, amb el Linux 3.2.0-58-generic-pae' --class lliurex --class gnu-linux --class gnu --class os {
110  recordfail
111  gfxmode $linux_gfx_mode
112  insmod gzio
113  insmod part_msdos
114  insmod ext2
115  set root='(hd0,msdos1)'
116  search --no-floppy --fs-uuid --set=root a2b25ec8-7934-4f27-9432-614903548eef
117  linux   /boot/vmlinuz-3.2.0-58-generic-pae root=UUID=a2b25ec8-7934-4f27-9432-614903548eef ro acpi=off quiet splash $vt_handoff
118

119  initrd  /boot/initrd.img-3.2.0-58-generic-pae

Guardem els canvis i reiniciem.

Quan fem apagar el sistema tot i què apaga el sistema (software) hem de polsar el botó d'apagat 2-3 segons per tal que s'apague correctament el hardware.

En aquest segon cas hem solucionat el sistema gràfic, tot i que no hem solucionat l'apagada estem molt satisfets amb el resultat.

El Kernel de Linux va evolucionant, esperem que el tema es solucione en un futur pròxim.

Per saber-ne més:

http://es.wikipedia.org/wiki/Advanced_Configuration_and_Power_Interface

Recomane llegir el final de l'article o es deixa un enllaç amb el següent titular:

"Foxconn sabotea deliberadamente sus BIOS para destruir el soporte ACPI en Linux" Ubuntu Forums, 24 de julio de 2008

Foxconn és una empresa que es dedica a ensamblar material informàtic.

Protegir contingut amb Apache

2014-02-02T08:02:00.003+01:00

Objectiu: protegir directori servit per Apache2

0. Configurem l'arxiu /etc/apache2/apache2.conf per tal que protegisca el directori. Per fer-ho cal introduir les línies següents. He indicat el nombre de línia, cal no posar-ho, és per saber a quina alçada cal fer-ho.


        185 <Directory /var/www/programari/simple-kanban>
        186     AllowOverride AuthConfig
        187 </Directory>

1. Ens situem al directori a protedir, directori que serveix Apache

    cd /var/www/simple-kanban

2. Creem el següent arxiu anomenat .htpasswd amb aquest contingut

    AuthUserFile /opt/password/simple-kanban/.htpasswd
    AuthName "Introduzca su usuario y clave de acceso"
    AuthType Basic
    require valid-user

3. L'arxiu cridarà (primera línia) un altre que tindrà la contrasenya xifrada en un directori al quan no es podrà accedir per Apache sino que accedirem a aquesta carpeta per ssh. Així no es podrà fer un atac directe a la contrasenya.

4. Volem generem la contrasenya xifrada, per fer-ho ens situem al directori on estarà

    cd /opt/password/

5. Generem al contrenya que romandrà amb un fitxer ocult:

    sudo htpasswd -c .htpasswd usuari

5. Posarem duues vegades el password

6. Llistem el password

    cat .htpasswd

7. Veiem que el contingut generat està xifrat

8. Recarreguem Apache2

    $ sudo service apache2 reload

9. Accedim a l'aplicació des del Firefox

    http://server/simple-kanban

10. Ens demanarà usuari i contrasenya per accedir al contingut

Escriptura productiva finalment en Wordpress

2013-11-20T09:39:00.001+01:00

Finalment ha arribat, ja era hora, Markdown a Wordpress per defecte. Ja no caldrà anar instal·lant plugins per ésser productiu en l'escriptura.

Markdown és un senzill llenguatge de baix marcat per tal d'esser productiu i centrar-se en el contingut no en la forma. Tot i que a mesura que escrivim anem formatant el document molt fàcilment.

Deixem els passos per activar-lo per defecte a tots els post en la imatge:

Tauler de control > Opcions > Escriptura > Use Markdown for posts and pages

Els mestres haurien de conèixer aquest senzill llenguatge, ja que ningú no pot amar allò que no coneix. Per fer els alumnes productius cal que el mestre ho siga, qui no siga competent en un aspecte difícilment podrà valorar aquest aspecte de forma positiva.

Llavors ja no hi ha excuses per escriure en text pla.

Sols manca utilitzar Pandoc per tancar el cercle. Pandoc és una utilitat per convertir text pla a altres formats i a la inversa. No té res a veure amb Wordpress, però no sempre escrivim per a publicar a un bloc. Pandoc és la resposta a les altres necessitats.

Utilitzar Markdown a Lliurex

Wordpress és software lliure. Es pot instal·lar activant els repositoris d'Ubuntu a Lliurex.

Markdown és una tècnica més que un programari. És lleuger per ésser text pla. Indiscutiblement és un pas més avançat que utilitzar una suite informàtica com LibreOffice.

Amb Markdown no es pot fer tot, però té els avantatges del text pla:

És livià.
Suporta la utiltat diff, es pot posar en un control de versions.
És universal, ja està suportat a molts programes.

La única pega als editors de text que no a la tècnica d'escriure en Markdown és que cal codificar el text en UTF-8 per tal de no tenir problemes amb el codi.

En Lliurex és ideal utilitzar el processador de text SciTE, ja que aquest processador de text vola. Si a SciTE li sumem Markdown i Pandoc. El procés es dispara.

Si a tot això li afegim el processador Vim. Necessitarem tenir una màquina amb uns recursos ínfims per fer la nostra feina de forma molt més productiva, remarque molt més productiva que una persona amb una l'última suite informàtica amb el millor ordinador del món.

Cal dir que el millor entorn per alcanzar la productivitat extrema és una opció minimalista a l'escriptori com ara escritoris lleugers com Fluxbox, Openbox i o, si no es vol ésser tan minimalista, LXDE o XFCE (Lliurex Lite).

Sens dubte una molt bona notícia.

Visca el minimalisme.

Per acabar d'entendre la potència de Markdown a Wordpress es pot revisar aquest artícle de Matt Wiebe, desenvolupador de Wordpress.

Panorama educatiu 2013

2013-11-18T16:29:00.003+01:00

Informe sobre el panorama educatiu d'aquest any revela informació interessant que, potser ja sabíem, però que ve a confirmar.

El mestre d'èlit: Tutorial No. 10 - Django 1.4: Herència de Plantilles

2013-11-01T01:52:00.000+01:00

1. Alcem el servidor

$ python manage.py runserver

2. Objectiu: integrar en una sola vista diverses pàgines html

3. Entrem a la carpeta templates:

cd projecte/demo/demo/templates

4. Creem l'arxiu base.html

touch base.html

5. L'editem

vim base.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>{% block title %} Título base {% end block %}</title>
</head>
<body>
<header>
    <h1>Proyecto Demo (Venta de Productos)</h1>
    <nav>
        <a href="#">Inicio</a>
        <a href="#">Producto</a>
        <a href="#">Contacto</a>
        <a href="#">Aceca de ...</a>
    <nav/>
</header>
<section>
    {% block content%}

    {% endblock %}

</section>
</body>
</html>

6. Guardem

:wq

7. Editem dins la carpeta home l'arxiu index.html

vim porject/demo/demo/templates

{% extends 'base.html%}
{% block title %} Inicio - Bienvenido {% endblock %}
{% block content %}
Esta es mi primera página en Django {% endblock %}

8. Revisem la pàgina

http://localhost:8000

9. Farem el mateix per a contactes

vim contacto.html

{% extends 'base.html' %}
{% block %}Conctáctanos {% endblock %}
{% block content %}
{% block content %}
<br>
{% if info_enviado %}
    Gracias por enviar un comentario, nos pondremos en contacto contigo.
    <br>
    La informacion recibida fue la siguiente<br>
    <p>Email utilizado: {{email}}</p>
    <p> Titulo: {{titulo}}</p>
    <p> Texto Citado: </p><br><br> <h3>{{texto}}<h3>
{% else %}
    <form action="." method="POST">
        {% csrf_token %}
        {{form.as_p}}
    <button class="btn btn-primary" type="submit">Enviar Comentario</a>
    </form>
{% endif %}
{% endblock %}

10. Fem el mateix per als productes

{% extends 'base.html' %}
{% block title %} Lista de Productos {% endblock %}
{%block content %}
<h3>Catalogo de Productos:</h3>
{% if user.is_authenticated %}
<a href="{% url "vista_agregar_producto" %}" class="btn"><i class="icon-plus"></i> Nuevo</a><br>
{% endif %}
<br>
{% if productos %}
    <table class="table table-hover">
        <thead>
                <tr>
                  <th>Producto</th>
                  <th>Precio</th>
                  <th>Stock</th>
                </tr>
        </thead>
    {% for p in productos %}
         <tbody>
             <tr>
                <td>{{ p.nombre }}</td>
                <td>{{ p.precio }}</td>
                <td>{{ p.stock }}</td>
                <td><a class="btn" href="/producto/{{p.id}}/"><i class="icon-search"></i>   Ver</a></td>
                <td><a class="btn" href="#"><i class="icon-shopping-cart"></i> Comprar</a></td>
                {% if user.is_authenticated and user.is_staff %}
                    <td><a class="btn" href="/edit/producto/{{p.id}}/"><i class="icon-pencil"></i> Editar </a></td>
                {% endif %}
            </tr>
        </tbody>
    {% endfor %}
    </table>

{% else %}
    <h2>No existen productos activos a la venta :( </h2>
{% endif %}
<br>
{% if productos %}
    <div class="pagination">
    <ul>
        <li><a href="/productos/page/1"> << </a></li>
    {% if productos.has_previous %}
        <li><a href="/productos/page/{{productos.previous_page_number }}/"> Prev </a></li>
    {% else %}
        <li><a href="#"> Prev </a></li>
    {% endif %}
    {% if productos.has_next %}
        <li><a href="/productos/page/{{productos.next_page_number }}/"> Next </a></li>
    {% else %}
        <li><a href="#"> Next </a></li>
    {% endif %}
        <li><a href="/productos/page/{{productos.paginator.num_pages }} "> >> </a><li>
    </ul>
    </div>
    <h4> Página {{ productos.number }} de {{ productos.paginator.num_pages }}</h4>
{% endif %}
{% endblock %}

11. Fem el mateix amb l'arxiu d'about

{% extends 'base.html' %}
{% block title %} Acerca de .... {% endblock %}
{% block content %}
<h1>Esta es un acerca de mi pagina:</h1><br>
<h3>{{ msg }}</h3>
<p>Version Django: {{version}}</p>
{% endblock %}

12. Fem el mateix per a la plantilla addProducto.html que està dins de ventas.

vim project/demo/demo/templates/ventas

{% extends 'base.html' %}
{% block title %} Agregar Producto {% endblock %}
{% block content %}
    <form action="." method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        {{ form.as_p }}
        <button type="submit" class="btn btn-small btn-primary">Guardar</button>
        <button type="reset" class="btn btn-small btn-primary">Limpiar</button>
    </form>
<br>
    {{ informacion }}
<br>
<a href="/productos/page/1/">Regresar a la lista de Productos </a>
{% endblock %}

13. Posem els enllaços

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>{% block title %} Título base {% end block %}</title>
</head>
<body>
<header>
    <h1>Proyecto Demo (Venta de Productos)</h1>
    <nav>
        <a href=" % url vista_principal %">Inicio</a>
        <a href=" % url vista_productos %">Producto</a>
        <a href=" % url vista_contacto %">Contacto</a>
        <a href=" % url vista_about %">Aceca de ...</a>
    <nav/>
</header>
<section>
    {% block content%}

    {% endblock %}

</section>
</body>
</html>

14. Editem l'arxiu anomenat productes.html dins de la carpeta home i agreguem un enllaç per tal que ens envie a la url vista_agregar_producto.

15. Farem el mateix amb la carpeta ventas addProducto.html

El mestre d'èlit: Tutorial No. 9 - Django 1.4: Guardar en MYSQL

2013-10-29T01:51:00.000+01:00

Guardar informació en la base de dades MySQL

1. Entrem al projecte

cd project/demo/templates

2. Creem una carpeta anomenada ventas

mkdir ventas

3. Creem l'arxiu addProduct.html

touch addProduct.html

4. L'editem

vim addProduct.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Agregant producte</title>

</head>

<body>Agregant Productes

</body>

</html>

5. Tornem a la carpeta demo arrel

cd project/demo/demo

6. Entrem a la carpeta apps/ventas allí editarem views.py ja que agregarem una vista.

vim apps/ventas/views.py

from django.shortcuts import render_to_response
from django.templates import RequestContext

def add_product_view(request):
    return render_to_response('ventas(aaddProducto.html'context_instance=RequestContext(request))

7. Guardem

:wq

8. En farà falta ara crear un arxiu url, doncs el crearem

touch urls.py

9. L'editem

vim touch urls.py

from django.conf.urls.defaults import patterns.url

urlpatterns= patterns('demo.apps.ventas.views',
    url(r^add/producto/$','add_product_view',name = "vista_agregar producto"),

10. Guardem

:wq

11. Especifiquem que va a ésser part de les urls del projecte

vim demo/demo/urls.py

url(r'^',include('demo.apps.ventas.urls')),

12. Guardem

:wq

13. Comprovem que està treballant correctament la vista acabada de crear

python manage.py runserver

firefox http://localhost:8000/add/producto

14. Informa d'una errada, editem views.py

vim demo/apps/ventas/views.py

from dyango.template import RequestContext

:wq

15. Creem ara la lògica de com magatzemar la base de dadaes

cd demo/ventas

16. Creem un formulari per enviar tota la informació que volem editar

touch forms.py

vim touch forms.py

from django import forms

class addProductForms(forms.Form):
    nombre = forms.CharField(widget=forms.TextImport())
    descricion = forms.ChartField(widget=forms.TextImput())

    def clean(self):
        return self.cleaned_data

:wq

17. Ens situem en views.py

cd /project/demo/demo/apps/ventas

vim views.py

from demo.apps.ventas.froms import addProductForm
from demo.apps.ventas.models import producto

def add_product_views(request):
    if request.method "POST"
        form = addProductForm(request.POST)
        info = "Inicializando"
        if form.is_valid()_
            name = forml.cleaned_data['nombre']
            description = for.cleaned_data['desription']
            p = producto()-
            p.nombre = nombre
            p.descricion = descripcion
            pstatus = True
            p.save() # Guardar la información
            infor = "Se guardo satisractoriamente!!!"
        else:
            info = "información con datos incorrectos"
        form = addProductForm()
        ctx = {'form':form, 'informacion':info}
        retun render_to_response('ventas/addProducto.html',ctx,context_instance=RequestContext(request))

    else: # GET
        form = addProductForm()
        ctx = {'form':form}
        return render_to_response('ventas/addProducto.html',ctx,context_instance=RequestContext(request))


18. Anem a templates

cd /project/demo/demo/templates/ventas

vim addProducto.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Agregant producte</title>
</head>
<body>
<form action="." method="POST">
{% csrf_token %}
{{ form.as_p}}
<impur type="submit" value="Grabar">
<imput type="reset" value = "Limpiar">
<form>
<br>
{{ informacion }}
</body>
</html>

19. Correm el servidor

python manage.py runserver

SciTE, un processador de text lleuger, potent i personalitzable

2013-10-25T20:41:00.000+02:00

Fart d'utilitzar SciTE i d'haver de canviar les configuracions he decidit arreglar per defecte aquest genial processador de text escrit en Python.

El primer que he fet és establir un botó del teclat per llançar-lo. Utilitze l'escriptori Fluxbox, un escriptori lleuger que va a la velocitat de la llum.

Així que he personalitzat les tecles del teclat d'aquesta modificant l'arxiu .fluxbox/keys al meu gust. Pose sols la part del fitxer interessant. Val a dir que Mod1 F1 són les tecles Alt+F1. Segint la lògica es pot entendre.

Les tecles dedicades del teclat, tecles no són iguals en qualsevol teclat les he identificat amb la utilitat xev (caldrà instal·lar-la per utilitzar-la).

# open a terminal
Mod1 F1 :Exec x-terminal-emulator

# open a dialog to run programs
Mod1 F2 :Exec fbrun

# open firefox
Mod1 F3 :Exec firefox

# open Thunderbird
Mod1 F5 :Exec thunderbird

# open PCManFM
Mod1 F6 :Exec pcmanfm

# open Notational Velocity Python
Mod1 F7 :Exec nvpy

# open XMind
Mod1 F8 :Exec /usr/local/xmind/XMind

# open Workrave
Mod1 F9 :Exec workrave

# Minimize
Mod1 F10 :Minimize

# Maximize Window
Mod1 F11 :MaximizeWindow

# quit Fluxbox
Mod1 F12 :Quit

#Notacions
107 :Exec /opt/springseed/springseed-bin
127 :Exec nvpy

# volume settings, using common keycodes
# if these don't work, use xev to find out your real keycodes
123 :Exec amixer sset Master,0 1+
122 :Exec amixer sset Master,0 1-
160 :Exec amixer sset Master,0 toggle

# tecles dedicades

# tecla finestretes
128 :Exec chromium-browser
# tecla calculadora
148 :Exec qalculate
# tecla apaga PC
150 :Quit
# tecla engranatge
156 :Exec scite
# tecla notes
179 :Exec radiotray
# tecla càmara fotogràfica
220 :Exec shutter
# tecla mediacenter
234 :Exec autokey

# current window commands
Mod1 F4 :Close
Mod1 F5 :Kill
Mod1 F9 :Minimize
Mod1 F10 :Maximize
Mod1 F11 :Fullscreen

Ara adaptem SciTE escrivint l'arxiu Open Users Option File, al qual accedir des del MENU >

Options del propi SciTE. Recordeu que la posició (línia 6) està pensada per a una pantalla gran (1680x1080) adapteu-la si s'escau. El deixe d'aquesta manera:

###############################
# Configuració personalizada #
###############################

# Posició
position.left=1150
position.top=0
# Alt y ample
position.width=400
position.height=600

# Mostrar números de linea
# line.margin.visible=1

# "4+" indica que por defecto reserva 4 espacios pero se expande si le hace falta mas espacio.
# line.margin.width=4+

# Codificació UTF8 per defecte
code.page=65001

# Esbalim que ens sensenye totes les línies
wrap=1

# Mostrem el toolbar
# toolbar.visible=1

# Mostrem l'statusbar
statusbar.visible=1

# Llevem el marge de l'esquerra
margin.width=0

# Llevem el marge visible
fold.margin.width=0

# Establim la font monoespaciada al nostre gust
font.monospace=font:!Bitstream Vera Sans Mono,size:10

# La font monoespaciada
font.base=$(font.monospace)
font.small=$(font.monospace)
font.comment=$(font.monospace)
font.text=$(font.monospace)
font.text.comment=$(font.monospace)
font.embedded.base=$(font.monospace)
font.embedded.comment=$(font.monospace)
font.vbs=$(font.monospace)

El guardem i ja està.

Normalment no programe, em queda per resoldre que l'arxiu siga considerat per defecte amb llenguatge de text pla i no com a llenguatge de programació.

Al menú s'activa per defecte Language > Text Shift + F11?

Si algú sap configurar-ho per defecte, agrairia que deixareu un comentari.

Fonts utilitzades

El mestre d'èlit: Tutorial No. 8 - Django 1.4: Enviament d'emails

2013-10-25T01:48:00.000+02:00

1. Entrem a la carpeta project.

2. Editem l'arxiu settings.py

$ vim settings.py

# Configuració del servidor de correu

EMAIL_HOST = 'smtp.gmail.com'
EMAIL_POST = 587
EMAIL_HOST_USER = 'example@gmail.com'
EMAIL_HOST_PASSWORD = 'elmeupassword' # ********
EMAIL_USE_TLS =True

3. Guardem

$ :wq

4. Editem la vista de l'aplicació home.

$ vim demo/apps/home/views.py

5. Agreguem une línies

from django.core.mail import EmailMultiAlternatives #enviant html

6. més cap avall...


to_admin = 'elmeucorre@gmail.com'

html_content = "Informació rebuda de [%s] <br><br><br>"***Mensaje***<br><br>%s"%(email.texto)

msg = EmailMultiAlternatives('Correu de Contacte',html_content,'from@server.com',[to_admin]

msg.attach_anternative(html_content,''text/html') # Definim el contingut en html

msg.send() # Enviem el correu

7. Guardem

$ :wq

8. Correm el servidor

python manage.py runserver

9. Visualitzem

$ firefox http://localhost:8000/contacto/

El mestre d'èlit: Tutorial No. 7 - Django 1.4: Formularios, Recepción POST

2013-10-22T01:46:00.000+02:00

Formularis en Django. rebre informació

1. Entrem al projecte i editem les vistes de l'aplicació anomenada home.

$ cd demo

$ vim demo/apps/home/view.py

2. Ens centrarem en la def contacto_view(requets):


def contacto_view(request):

    info_enviado = False # Definir si es va enviar o no la informació

    email = ""

    titulo = ""

    texto = ""

    if request.method == "POST":

        formulario = ContactForm(request.POST)

        if formulario.is_valid():

            info_enviado = True

            email = formaulario.cleaned_data[''Email]

            titulo = formulario.cleaned_data['Titulo']

            textp = formulario.cleaned_data['Texto']

        else:

            formulario =contactForm()

        ctx = {'form':formulario,'email'.email,'titulo':titulo, 'texto':text, 'info_enviado':info_enviado}

Hem creat una variable anomenada info_enviado que ens dirà si s'ha enviat el formulari.
Definim una variable per a cada camp del formulari i la declarem com a text buit.
Diguem que si el request informa amb el mètode POST és perquè algú ha intentat crear un formulari.
La variable ContactForm es va a emplenar amb la informació del POST.
Pregungem a Django si tota la informació és correcta: if formulario.is_valid():
En cas de que no siga POST crearem un nou formulari que estiga buit.

3. Editarem el template demo/templates/home/contacto.html

$ vim demo/templates/home/contacto.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Contactem</title>

</head>

<body>

{% if info_enviado %}

    Gràcies per enviar un comentari, ens posarem en contacte amb tu.

{% else %}

    <form action="." method="POST">

        {% csrf_token %}

        {{form.as_p}}

        <inpput type='submit' value='submit'/>

    </form>

{% endif %}

</body>

</html>

4. Guardem

:wq

5. Correm el servidor

$ python manage.py runserver

6. Mirem dins de Firefox

http://locahost:8000/contacts/

Emplenem el formulari

7. Mostrarem més informació, per fer-ho editarem:

$ vim demo/templates/home/contacto.html


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Contactem</title>

</head>

<body>

{% if info_enviado %}

    Gràcies per enviar un comentari, ens posarem en contacte amb tu.

    <br>

    La informació rebuda va ésser la següent

    <br>

    <p> Email utilitzat: {{email}}</p>

    <p> Titol: {{titulo}}</p>

    <p> Texto Citat: </p><br><br> <h3>{{texto}}</h3>

{% else %}

    <form action="." method="POST">

        {% csrf_token %}

        {{form.as_p}}

        <inpput type='submit' value='submit'/>

    </form>

{% endif %}

</body>

</html>

8. Guardem

:wq

9. Correm el servidor

$ python manage.py runserver

10. Mirem dins de Firefox

http://locahost:8000/contacts/

Com el el formulari té el mètode GET ens pinta altra vegada el forulari buit.

El mestre d'èlit: Tutorial No. 6 - Django 1.4:Formularios y CSRF

2013-10-18T01:45:00.000+02:00

Generar formularis

1. Entrem en l'aplicació i creem l'arxiu:

$ vim demo/apps/home/forms.py

2. Importem la llibrefia de formularis i creem un formulari de contacte.

from django import forms

class ContatForms(forms.Form):
    Email    =    form.EmailField(midget=forms.TextInput())
    Título    =    forms.ChartField(midget=forms.Textinput())
    Texto    =    forms.ChartField(midget=forms.Textarea())

3. Guardem l'arxiu

:wq

4. Editem la vista de l'aplicació form.

from demo.apps.home.forms import ContactForm

def contact_view(request):
    formulario    =    ContactForm()
    ctx        =    {'form':formulario}
    return redner_to_response('home/contacto.html',ctx,context_instance=RequestContext((request)))

5. Guardem

:wq

6. Creem un nou arxiu demo/demo/templates/home/contacto.html i l'editem

vim contacto.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Contáctanos</title>

</head>

<body>

{% csrf_token %}

<form action="." method="POST">

{{form.as_p}}

<input type="submint" value"submit">

</body>

</html>

7. Guardem

:wq

8. Creem la url

vim demo/apps7home/urls.py

9. Creem una nova url

url(r'^conctacto/$','contacto_view'.neme=''vista_contacto').

10. Guardem

:wq

11. Correm el servidor

python manage.py runserver

El mestre d'èlit: Tutorial No. 5 - Django 1.4: Pas d'información en Vista...

2013-10-15T01:44:00.000+02:00

Generar vistes

1. Entrem en la carpeta del projecte i editem la vista con està la informació del about.

$ vim demo/apps/home/views.py

Veurem com passar informació de les vistes als arxiu d'html.

2. Per fer-ho utilitzarem una variable anomenada mensaje

mensaje = "Això és un missatge des de la meua vista"

3. Generem un context

ctx = {'msg:mensaje'}

4. Després l'enviem

return render_to_response('home/about.html',ctx, context_instance=RequestContext(request))

5. A continuació editem el template

$ vim demo/templates/home/about.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Sobre ....</title>
</head>
<body>
<h1>Aquesta és un about de la meua pàgina:</h1>
<h3>{{ msg}}</h3>
</body>
</html>

6. Correm el servidor.

$ python manage.py runserver

7. Mirem la pàgina d'about i veurem com s'ha generat el codi en html des de la vista.

8. Generem una nova vista per tal d'obtenir informació dels nostre productes.

$ vim demo/apps/home/views.py

9. Primer importarem l'objecte producte al principi de l'arxiu:

from demo.apps.ventas.models import producto

10. Després definirem el producte:

def productos view(request):
    prod = producto.objects.filtes(status=True) # Select * from ventas_productos whrere status = True
    cxt = {'productos': prod}
    return render_to_response('home/procductos.html',ctx,context_instance=Requestecontext(request))

Amb això hem creat la vista.

11. Ara generarem l'html per fer-ho abans editem les urls

$ vim demo/templates/home/url.py

12. Generem una nova vista

url(r'^productos/S',''productos_view',name='vista_productos'),

13. Creem un nou arxiu: productes.html

$ vim demo/templates/home/about.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Llista de productes</title>
</head>
<body>
<h1>Catàlog de productes:</h1>
{% if prouductos %}
    {% for p in productos %}
        <p>{{p.nombre}}
    {% endfor %}
{% else %}
    <h2>No existen productes actiusa la venta :(</h2>
{ % endif %}
</body>
</html>

14. Correm el servidor

$ python manage.py runserver