Fins aviat Faust

necorage - 23-05-2018 23:39:48 | Familia

Al 2007 vaig muntar el meu propi negoci. No recordo en quin moment vaig conèixer el sr. Morales. Ell necessitava un informàtic per algunes coses. Era enginyer jubilat i feia servir autocad perquè ajudava a l’escola professional del clot i tenia uns planells que havia d’actualitzar.

Planells de què?!?Doncs es que tinc un pàrquing a Sant Joan, i m’agrada tenir el nom a les places. No vaig entendre gaire, però ‘here we go!’. Tenia al voltant dels 80 anys i feia servir l’emule amb força destresa. Ja haguessin volgut clients 30 anys més joves fer servir amb tanta soltura aquell PC que havia comprat a Valencia. Tranquils, les pel·lícules que descarregava ja no tenien drets d’autor. Moltes eren en blanc i negre! Em va regalar un DVD amb unes quantes pel·lícules pel meu pare.
- Segur, li agradaran!

Poc a poc vam anar  fent més feines. Era una mica estrany. Jo sempre anava a un petit pis sense cuina on hi havia una col·lació de cotxes, algunes fotos, sofà, Tv, 2 PCs i una bicicleta estàtica. A vegades veia la seva dona a la terrassa regant plantes. Pobre home, pensava jo, viu a un pis molt petit. Ell mateix em va dir, ens fem grans i estem sols, així que per nosaltres i amb les nostres pensions …! Jo que sabia que vivia al pis de baix i aquell era nomes era l’estudi. Segur que amb el seu sentit de l’humor, va riure força temps.

Em va explicar que quan era jove, va marxar a treballar a Veneçuela. Era enginyer i treballava amb avions. Després va haver un cop d’estat als anys 50 (o 60), i llavors va tornar amb una mica de diners, suficients per comprar una fleca a la Via Júlia que era de un familiar que la volia traspassar. Alguns dissabtes i diumenges arribava a fer servir una tona de farina! “Si que vam treballar a aquella època”!
Jo em quedava pensant... Quantes barres de pa son una tona de farina?!

  • Nen, porta'm un disc extern, que no m'hi caben més pel·lícules! I necessito l'Excel: tinc fets uns fulls de càlcul per portar els números del pàrquing! Llavors ho vaig entendre. No tenia una plaça de pàrquing. Tenia el pàrquing sencer!

Entre tant, em seguia explicant sobre la feina a Veneçuela, com i perquè van marxar i com van tornar. Com va anar comprant el terreny i com va anar fent després el pàrquing.

Poc després van deixar el pis i l’estudi i van marxar a una residencia molt maca a Can Ràbia amb la particularitat que cada família te el seu pis, i suposo que tenen els serveis compartits. Com el pis es petit, vam jubilar el PC de sobretaula i vam muntar un all-in-one. Amb 88 anys seguia portant els comptes de tot i entrant als bancs on-line. Tot sempre amb un humor dels que ja no es troben.

  • Com et trobes Faust?
  • Doncs estem fotuts. Veient fins on arribem. No em va el wifi.

Acceptarem que ja no hi ets i que més endevant ens tornarem a retrobar.
Sempre amb les putes preses. Et dec un dinar que encara no hem disfrutat. Sempre amb preses. Ni tan sols t’he dit que he aconseguit un contracte com enginyer. La meva filla ha fet un any i no te n’he parlat d’ella. Fa uns dies he fet anys i he pensat que ha estat bon any. Avui en canvi penso: Quin any més estúpid. Em sap greu. Disculpa’m.

El mes proper marxaré a l’Equador a veure la família. Quan torni, aniré a veure la Marina. Espero que conservis el sentit de l’humor fins que ens tornem a retrobar. Gracies per ser un avi.

Actualizar a PHP 7.1/7.2

necorage - 30-03-2018 00:27:09 | Informática, linux, PHP, Raspi

Después de instalar Linux Raspbian en mi raspi, y posteriomente Ubuntu en un portátil, al instalar PHP nos da automáticamente la versión 7 (hace unos meses instalaba la versión 5).

El tema es que para actualizar a 7.2 he encontrado un manual en la web de sololinuxes donde explica en detalle el procedimiento:

https://www.sololinux.es/upgrade-php7-0-to-php7-1-or-php7-2-debian-ubuntu/

La solución para Debian es la siguiente:

	
	sudo apt install apt-transport-https lsb-release ca-certificates
	sudo wget -O /etc/apt/trusted.gpg.d/php.gpg https://packages.sury.org/php/apt.gpg

	sudo sh -c 'echo "deb https://packages.sury.org/php/ $(lsb_release -sc) main" > /etc/apt/sources.list.d/php.list'

	sudo apt update
	

Y esta es para Ubuntu:


	sudo apt-get install -y python-software-properties
	sudo add-apt-repository -y ppa:ondrej/php
	sudo apt-get update -y
	sudo apt-get remove php7.0

	sudo apt-get install php7.2
	sudo apt install libapache2-mod-php7.2

	a2dismod php7.0 && a2enmod php7.2
        systemctl restart apache2
	sudo apt install -y php7.2-xml php7.2-zip php7.2-mysql php7.2-curl php7.2-mbstring php7.2-json php7.2-gd php7.2-intl php7.2-mcrypt php7.2-xsl php7.2-soap php7.2-common php7.2-readline php7.2-cli php7.2-opcache php7.2-iconv php7.2-sqlite3

Chuleta Comandos Linux

necorage - 07-03-2018 10:02:13 | Informática, linux

Saber distro

lsb_release -a
cat /etc/*-release
cat  /etc/issue

 

Saber Programas Instalados

dpkg --get-selections
dpkg --get-selections | grep sql


Cambiar configuración/idioma teclado

dpkg-reconfigure keyboard-configuration

 

Sabes distribución

cat /etc/issue

 

Usuarios Samba

CREAR USUARIO                  smbpasswd -a usuario
VER USUARIOS CREADOS   pdbedit -L
BORRAR                                smbpasswd -x usuario
 

Proyecto NAS + Raspberry PI 3

necorage - 16-02-2018 19:44:07 | Informática, RaspPi

Después de años de observar proyectos y de haber tocado alguna para algún cliente, me he dedido a comprar una primera placa para montar mi própio servidor NAS.

El problema es que como suele pasar con estas cosas, el proyecto que uno quiere hacer no suele estar hecho o documentado. En mi caso, quiero empezar con una raspberry PI con un disco de 2TB conectado por USB, para posteriormente montar una segunda raspberry pi, otro disco de 2Tb y que sean redundantes para que en el caso de caer una raspberry o peor aún, un disco, siga teniendo todos los datos.

Así pues, con estas palabras empiezo mi proyecto a día de hoy, 16 de febrero de 2018.

Ya he visto que existen varias rom para raspberry como OpenMediaVault, FreeNas y Openelec, pero he pensado que la mejor forma de hacer este proyecto es encarándolo como un Cluster. 

Con un Cluster tendríamos un grupo (en mi caso dos) de raspis trabajando como si fuesen una.

Pronto espero traer configuraciones y actualizaciones a este post. A ver si por fin puedo conseguir el servidor NAS que siempre quise montar.

2017 has gone

necorage - 31-12-2017 23:54:37 | Paseando

Otro año que termina y tantas metas sin cumplir!

Si hago recuento, creo que ha sido un año más que positivo. Quizá podriamos decir que incluso ha sido un buen año!

Aun cuando tenía muchos proyectos por hacer y no se han alcanzado, puedo decir que ha sido un año resolutivo para mi. Ha nacido mi única y última hija. Mis otros hijos parece que crecen bien y aunque uno ya ha entrado a la adolescencia, parece que sigue siendo el de siempre. Mi pequeño Kyr sigue siendo la alegría de la casa. Ha crecido mucho este año.

Mis padres estan bien, aun haber pasado un año complicado de operaciones y enfermedades, pero han podido llegar a las navidades con una salud envidiable.

Por otra parte, he cambiado de trabajo hacia el mundo de la programación.Hace un año empecé a estudiar Programación Orientada a Objetos para poder migrar hacia este campo, y al final he migrado sin terminar las asignaturas, por lo que entiendo que igual ha sido un éxito.

Seguro que tendría que haber hecho muchas cosas más, pero si se dedica tiempo a la familia es poco viable pensar en hacer mucho más.

Para el año que viene tendré que volver a plantear metas que pueda cumplir. De momento la carrera se ha vuelto a parar por un año. Igual para el próximo septiembre puedo volver sin perecer en el intento.

Bon any a tothom!

Chuleta Bootstrap [Imgs o Part5]

necorage - 29-11-2017 09:24:25 | Informática, Bootstrap

<div class="container-fluid">
 <img src="" class="img-responsive">  // Nos encaja el 100% del a imagen

Además, podemos añadir varias clases que nos dan diferentes aspectos a una imagen:

img-rounded -> esquinas redondeadas
img-circle -> circulo
img-thumbnail -> nos añade un marco

Chuleta Bootstrap [Formularios o Part4]

necorage - 28-11-2017 14:56:35 | Informática, Bootstrap

Empezaré por un recordatorio simple de HTML(5).

Para crear un formulario, lo primero y último es abrir etiqueta <form>. A esta etiqueta se le puede dar (y con bootstrap se le dará) una clase.

Tenemos múltiples <inputs>:

  • text
  • password
  • hidden

New input types that are not supported by older web browsers, will behave as <input type="text">.

  • Button
  • color [type="color" is not supported in Internet Explorer 11 and earlier versions or Safari 9.1 and earlier versions]
  • date [type="date" is not supported in Internet Explorer 11 and earlier versions]
  • datetime-local [type="datetime-local" is not supported in Firefox, or Internet Explorer 12 and earlier versions.]
  • email [type="email" is not supported in IE9 and earlier.]
  • month [type="month" is not supported in Firefox, or Internet Explorer 11 and earlier versions]
  • number
  • range
  • search
  • tel [type="tel" is only supported in Safari 8 and newer versions]
  • time
  • url
  • week [type="week" is not supported in Firefox, or Internet Explorer 11 and earlier versions.]

 

Input Restrictions

Here is a list of some common input restrictions (some are new in HTML5):

Attribute Description
disabled Specifies that an input field should be disabled
max Specifies the maximum value for an input field
maxlength Specifies the maximum number of character for an input field
min Specifies the minimum value for an input field
pattern Specifies a regular expression to check the input value against
readonly Specifies that an input field is read only (cannot be changed)
required Specifies that an input field is required (must be filled out)
size Specifies the width (in characters) of an input field
step Specifies the legal number intervals for an input field
value Specifies the default value for an input field

Además tenemos algunos especiales como son:

  • Radio
  • Checkbox
  • submit
  • reset
  • Radio
  • Checkbox
  • submit
  • reset

Tenemos tambien text areas y desplegables (selects + options), que se trabajan de forma distinta a los inputs:

<textarea> texto </textarea>

<select name="coches">
  <option id=1>Audi</option>
  <option id=2>Bentley</option>
  <option id=3>Bugatti</option>
  <option id=4>Lamborghini</option>
  <option id=5>Seat</option>
  <option id=6>Skoda</option>
  <option id=7>Volkswagen</option>
</option>

Cuando creamos un formulario, acompañamos a los inputs de <label>. Por ejemplo, si creamos un <input id="name" type="text">, pondremos ante este una <label for="name">

Como nos ayuda BOOTSTRAP

Nos puede ayudar a dar formatos actuales a nuestros formularios y además, responsive.

Para empezar tenemos que decidir si va a ser un formulario lineal, horizontal o en columna. Si es lineal, hay una clase llamada "form-inline". Estos formularios lineales son váldos para dispositivos grandes. Cuando se baja de los 768px, automáticamente se convierte en un forumario de columna.

Lo primero es crear el <container>. 
Después pondremos clases para labels, inputs y demás. La clase es "form-control". Bootstrap admite todos o casi todos los inputs que hemos puesto antes.

Se pueden hacer grupos dentro de un formulario. Se cogen dos o más contenidos, por ejemplo label + input, y nos hace un grupo, separándo un poco un contenido de otro. Da un buen formato.

Hay un campo llamado "help-block" que nos hace una letra un poco más pequeña y en gris, que nos va a ser un bloque de ayuda. Por ejemplo, cuando tenemos un input tipo archivo, podemos decirle que tipo de ficheros aceptamos, o tamaño de estos.

Normalmente en un formulario tenemos los placeholder, que nos dice dentro de una caja de texto lo que debemos colocar dentro. Si se usa un dispositivo de lectura, a menudo no nos lee los placeholder, por lo que deberemos poner el <label></label>. El tema es que en un formulario lineal, nos quitan mucho espacio. En ese caso, podemos usar estas <label> con clase "sr-only", haciendo que solo en el caso de visualizar el formulario desde un screen reader aparezcan. 

Para hacer un formulario horizontal, debemos empezar por decirle al formulario que tipo es. En <form> debemos darle clase "form-horizontal". Recordar que el formulario debe estar dentro de un div con clase container.
Formamos los grupos (<div class="form-group">) para agrupar label y input.
A cada Label debemos asignar una clase control-label y se le podrá después de este asignar un tamaño de columnas: <label for="xxx" class="control-label col-md-3">. Los inputs deben tener clase "form-control". Estarán envueltos en un <div> con el tamaño restante de columnas. Siguiendo el ejemplo del label: <div class="col-md-9">.

Para el botón, haremos una chuleta a parte, pero como nota, en el caso de formulario horizontal debemos crear un grupo para él (solo en ese caso), e insertar después un <div> con un tamaño de columna y si se quiere hacer bien, le pondriamos un "col-md-offset-3" siguiendo el caso anterior, para que el botón quede alineado con los inputs.

Hay más cosas, pero hasta ahí por hoy!
 

Chuleta Bootstrap [Tablas o Part3]

necorage - 28-11-2017 11:52:02 | Informática, Bootstrap

Para crear una tabla en HTML nos basamos en 4 etiquetas:
<table>, <tr>, <th> y <td>.

En <table> podemos agregar muchas opciones a su class, como por ejemplo:

table: Le da formato de tabla
table-striped: Alterna fondo oscuro y claro en cada row
table-bordered: Agrega linea de borde en las celdas
table-hover: Al pasar el mouse por encima cambia el color de las filas
table-condensed: Quita paddings y margins haciendo que el tamaño de la celda sea más pequeña.

<tr> y <td> tienen posibilidad de tener clase 'active', haciendo que quede activada tanto la fila como una sola celda. Hay que vigilar con table-striped porque entonces no se ven tan bien.

En cuanto a colores tenemos los mismos que para texto: succes, info, warning, danger.

Responsive

Todo lo anterior está muy bien, pero la tabla no es responsive. Si se hace más pequeña, se deforma.
Para ello deberemos crear un div con class "table-responsive". Cuando lleguemos a un tamaño pequeño, la tabla no se deforma sino que sale un scroll para poder movernos por la tabla sin perder el formato que le hemos querido dar.

Opción de lectura de Firefox y otros lectores de pantalla (Screen Readers).

Para los lectores de pantallas tendremos problemas tanto con tablas como con formularios. Para solucionar esto necesitaremos la clase "sr-only". Intentaré hacer un recordatorio/chuleta más adelante!

Chuleta Bootstrap [Tipografía o Part2]

necorage - 27-11-2017 15:11:32 | Informática, Bootstrap

Bootstrap nos añade tipografias. 

En los titulos <hx>, podemos usar <small> o <span class="small">, nos va a hacer un subtitulo en tono gris un poco más pequeño que nos servirá de texto secundario.

Párrafos

Tenemos la clase <p class="lead">, donde nos hará un párrafo más grande que sobresaldrá sobre el resto.

Si usamos la etiqueta <mark>, nos subrayará el fondo, dando un aspecto resaltado al contenido.

Si usamos la etiqueta <del> o <s>, veremos un tachado. La diferencia para bootstrap es que con <del> hemos eliminado el texto, en cambio <s> es que se ha tachado.

Si usamos <ins> o <u>, nos hará un subrayado. En ins hace referencia a un texto que se ha añadido posteriormente.

<small> hace un texto más pequeño.
<b> o <strong> nos hace negrita.
<em> nos hace cursiva.

Alineación de párrafos

<div class="col-md-4 text-left">Lorem Ipsum....</div>
<div class="col-md-4 text-center">Lorem Ipsum....</div>
<div class="col-md-4 text-right">Lorem Ipsum....</div>
<div class="col-md-4 text-justify">Lorem Ipsum....</div> 

Transformación de texto

Convertir texto a mayusculas, minúsculas o capitales:
<p class="text-lowercase">
<p class="text-Uppercase">
<p class="text-Capitalize">

Transformación de párrafos

<div class="row">
  <blockquote>
   texto
   <footer>Xavier Tomàs</footer> <cite title="fuente">in necoproject.com 2017</title>
   </blockquote>
</div>

Se le puede poner un blockquote-reverse para que el alineado sea hacia la derecha.

Tambien tenemos la opción de añadir código, se tendrían que añadir <pre><code>, que son los que ya estamos usando actualmente para formatear codigo.

Para finalizar, tenemos un tema de colores.

Para cambiar de color el texto, tenemos las clases siguientes:

  • text-muted: Un tono gris
  • text-primary: Azul intenso
  • text-success: Verde
  • text-info: Azul, pero un poco más oscuro que primary.
  • text-warning: Naranja
  • text-danger: Rojo

Si queremos en cambio colores de fondo, las clases serán las siguientes:

  • bg-primary: Azul intenso
  • bg-success:Verde
  • bg-info: Azul claro
  • bg-warning: Amarillo
  • bg-danger: Rojo claro

Chuleta Bootstrap [Grid o Part 1]

necorage - 24-11-2017 16:28:11 | Informática, Bootstrap

La Grid es la razón principal para usar Bootstrap. Es la herramienta que nos convierte fácilmente cualquier web en responsive. 
Se basa en 12 columnas (100% del ancho de la página) que se pueden distribuir para los contenidos como más nos guste.

Hay cinco niveles para el sistema de grids de Bootstrap, uno para cada rango de dispositivos admitimos. Cada nivel comienza en un tamaño mínimo de ventana gráfica y se aplica automáticamente a los dispositivos más grandes a menos que se anule. Es lo que se llama "mobile-first-design". Esos niveles son: .col.col-sm-.col-md-.col-lg y col-xl-

De la web de bootstrap encuentrp la siguiente tabla:

Las más pequeñas son las .col, que son las que se verán en dispositivos móviles, después los small, medianos, Large, y XL!

Cada Fila tiene que tener 12 columnas, y se distribuyen como te apetzca más.

 

Es un ejemplo. Dentro de esto se pueden anidar unos dentro de otros

 

 

	
	<div class="container">
	 <!-- content here -->
	</div>

	<div class="row">
          <div class="col-md-8">.col-md-8
              <div class="row">
                  <div class="col-md-6">.col-md-6</div>
                  <div class="col-md-6">.col-md-6</div>
              </div>
          </div>
          <div class="col-md-4">.col-md-4</div>
	</div>


En este último código creamos una fila de 8 y una de 4, y dentro de la de 8 creamos una fila con dos columnas de 6. A esto se le llama anidación.

Como notas avanzadas podemos aclarar algunos conceptos.
A menudo cuando las páginas se ven en un dispositivo o en otro nos podemos dar cuenta que si un texto es más grande que otro, las columnas se pueden solapar, subir y pasar cosas extrañas. En css solemos hacer un clear, pero aquí tenemos algo ya hecho. se llama "clearfix" y va a compañado de la columna. Se puede encontrar en la documentación de bootstrap en Grid System, responsive column resets. Por ejemplo:

	
<div class="container">
  <div class="row">
    <div class="col-12 col-md-6 col-xl-3">Columna 1</div>
    <div class="col-12 col-md-6 col-xl-3">Columna 2</div>

    <div class="clearfix visible-md-block"></div>

    <div class="col-12 col-md-6 col-xl-3">Columna 3</div>
    <div class="col-12 col-md-6 col-xl-3">Columna 4</div>
  </div>
</div>

Por último tenemos tambien una opcion llamada offset, haciendo que nos desplace x columnas para cada tamaño (md, xl, etc).

Si en lugar de container, hacemos servir container-fluid, la clase abarca toda la pantalla en lugar de la parte central.

Archivo

2009 ( 1 )

Jul   (1)

2010 ( 29 )

Feb   (19)

Mar   (1)

Abr   (4)

May   (2)

Jun   (1)

Jul   (2)

2015 ( 23 )

Dic   (23)

2016 ( 13 )

Ene   (3)

Feb   (3)

Mar   (1)

Abr   (2)

May   (1)

Dic   (3)

2017 ( 16 )

Oct   (7)

Nov   (8)

2018 ( 4 )

Feb   (1)

Mar   (2)

May   (1)

 
 

Login

Usuario:

 
Contraseña:

Facebook

Pronto estarn Facebook y Twitter disponible

Contacto

Encuentranos en el despacho o contáctanos a través del formulario y te llamaremos en breve!

 

Nombre necoProject
Dirección Barcelona
CP - Poblacion 08031 - Barcelona
E-Mails necorage@gmail.com
Teléfonos -
Web www.necoproject.com