viernes, 30 de diciembre de 2016

Javascript: llenguatge de programació per a la web

Hola! En aquest post tractaré el llenguatge de programació Javascript, el seu origen, ús i alguns exemples.

  • Què és? Qui el va fer? Quan va nàixer?
Javascript és un llenguatge de programació que s'utilitza principalment del costat del client permetent crear efectes atractius i dinàmics en les pàgines web. Es defineix com orientat a objectes, basat en prototipus, imperatiu, dèbilment tipat i dinàmic.

Per a entendre el que es Javascript utilitzarem un exemple: un usuari escriu una direcció web en el seu navegador, per exemple http://mj-tic-bat2.blogspot.com.es/. El servidor rep la petició i com a resposta a aquesta envia a l'ordinador de l'usuari codi HTML junt al codi Javascript. El codi HTML s'encarrega de que en la pantalla es mostre alguna cosa, per exemple una imatge, un menú, etc. El codi Javascript es pot encarregar de crear efectes dinàmics en resposta a accions de l'usuari, per exemple que es desplegue un menú tipus acordeó quan l'usuari passa el ratolí per damunt d'un element del menú.

 Brendan Eich va desenvolupar en Netscape Corporation la primera versió d'este llenguatge sota el nom Mocha, rebatejat LiveScript i finalment Javascript. Aquest últim canvi de nom va coincidir amb la inclusió de la tecnologia Java per part del navegador web Netscape. La primera versió del llenguatge es va presentar el desembre de 1995 a la versió 2.0B3 del navegador NetscapeEl 1997 els autors van proposar Javascript com a estàndard de l'European Computer Manufacturers Association (ECMA), tot i que el seu nom no és europeu, sinó internacional, amb la seu a Ginebra. El juny de 1997 va ser adoptat com un estàndard ECMA, amb el nom ECMAScript. Poc després també va ser un estàndard ISO (Organització Internacional per a l'Estandardització).


  • Per a què el necessitem a una pàgina web del costat del client?

Javascript és principalment utilitzat per part de programadors web per donar respostes ràpides a les accions de l'usuari sense necessitat d'enviar la informació del que ha fet l'usuari al servidor i esperar resposta d'aquest (la qual cosa faria més lents els processos). El codi JavaScript es carrega alhora que el codi HTML al navegador, i resideix en el client (ordinador en el que ens trobem). JavaScript  suposa que les respostes del servidor siguen més completes i permet que es realitzen més processos al nostre ordinador, de manera que es redueix el nombre de peticions i respostes necessàries entre client i servidor.

Amb Javascript podem crear efectes especials a les pàgines i definir interactivitats amb l'usuari. El navegador del client és l'encarregat d'interpretar les instruccions Javascript i executar-les per realitzar aquests efectes i interactivitats, de manera que el recurs més important, amb que compta aquest llenguatge és el mateix navegador i tots els elements que hi ha dins d'una pàgina. .


  • On podem ficar-lo?
S'acostuma a posar el codi JavaScript a la capçalera, entre l'etiqueta <head>,  ja que així el navegador pot emmagatzemar-lo en memòria abans que succeisca un esdeveniment que l'inicie i podem reutilitzar-lo.

 També podem posar el codi javascript entre l'etiqueta <body>, funcionaria  però no és el més recomanable, hem de buscar la millor opció, no la més ràpida. 

Per últim, podem situar el codi javascript fora del HTML, així podem reciclar el codi i no mesclem codi HTML i javascript. Aquest últim és més professional. En compte de posar el codi Javascript dins de l'etiqueta script, el que fem és incloure-li a aquesta etiqueta l'atribut src (source), donant-li com a valor una URL relativa al document, perquè carregue el seu contingut com si fóra javascript. Per descomptat, hem creat un fitxer anomenat javascript.js al mateix nivell del nostre HTML amb el codi javascript.

Ací deixe uns exemples, en la primera captura el codi javascript es troba en <body>, en la segona en <head> i en la tercera i la quarta fora del HTML.






lunes, 28 de noviembre de 2016

Codi correcte!

Hola! En aquest post tractaré quin és el model que hem de seguir per a crear una web, indicant quines són les etiquetes que sempre han d'aparéixer i una llista de bones costums al escriure codi HTML. Vorem aquestes etiquetes reflexades en model-web.html .

Les etiquetes que sempre hem d'escriure són les que apareixen en la imatge:


  • És interessant escriure <! DOCTYPE> perquè és una instrucció per al navegador web sobre en quina versió d'HTML està escrita la pàgina. Especifica les regles per al llenguatge HTML, de manera que els navegadors mostren el contingut correctament.
  • També és important escriure  <meta> charset perquè especifica la codificació de caràcters per al document HTML.

A més, la llista de bones costums per a escriure HTML és la següent:
  • Escriure el  <! DOCTYPE> correcte que té el nostre document per a que el navegador puga mostrar bé la pàgina.
  • Tancar totes les etiquetes.
  • Escriure les etiquetes en minúscula.
  • No donar mai estil en el document HTML, sinó utilitzar CSS o JavaScript.
  • Valida el codi.

miércoles, 23 de noviembre de 2016

Crear un lloc web senzill!

Hola a tots! En aquest post vos vaig a explicar de forma breu i clara com crear un lloc web senzill, com el que he creat, amb links, imatges i un mapa d'imatge.

  • Creem la carpeta weblinks


  • Creem un arxiu index.html que posarem en la carpeta, en la imatge interior ja està dins. Li posem el títol index, insertem un enllaç al nostre blog i dues pàgines sobre dos animals a les quals accedim clicant un retall d'una foto de cada animal. Explicaré a continuació aquestes pàgines, a més d'un mapa d'imatges. Aquest seria el resultat final d'index, junt amb el codi.


  • En segon lloc, creem les dues pàgines nombrades anteriorment. En el meu cas foto-gran-koala.html i foto-gran-osop.html, les incloem dins la carpeta weblinks (veure imatge punt 1), posem un títol a cadascuna, inserim la foto de cada animal i posem un link a index per a tornar a la pàgina inicial.





 

  • Per últim, creem la pàgina mapamundi.html on farem el mapa d’imatge sobre una imatge d'un mapamundi, on clicant al continent correcte et portarà a la pàgina web de cada animal. Aquesta web ha d'inseris-se també a index.html.



Espere que haja quedat clar i que vos agrade!

Editors de codi!

Hola! En aquest post vaig a parlar sobre els editors de codi, els problemes que es presenten al editar arxius quan canvies de sistema operatiu i algunes solucions, prenent com a exemple l'arxiu curriculum.html .

En primer lloc, quan editem curriculum.html amb el sistema operatiu Lliurex utilitzem l'aplicació específica Gedit, ja que no insereix cap format. El resultat seria el següent:


Tanmateix, si necessitem editar curriculum.html des d'un ordinador diferent amb el que hem creat l'arxiu i aquest té un sistema operatiu diferent a Lliurex, per exemple Windows, ens trobem amb el problema de que no apareix correctament el codi, no apareixen totes les etiquetes. El resultat seria el següent:



Per tant, la solució que podem trobar és descarregar un editor de codi que ens permeta editar curriculum.html sense que desaparega el codi que hem escrit. Un dels millors editors és NotePad++, ja que reconeix el codi i és molt fàcil d'utilitzar. NotePad++ es veu d'aquesta manera:


martes, 22 de noviembre de 2016

Programació per a la web!

La web actual es basa en l'estàndard HTML5, que incorpora moltes funcionalitats que la versió anterior l'HTML 4.01 no va tindre en compte: àudios, vídeos, eines de dibuix, validació, etiquetatge semàntic, etc. Aquestes novetats fan la web més accesible i comprensible. 
Així i tot, també són comuns llenguatges com :
  • HTML 4
  • XHTML
  •  XML
Hem de tindre en compte que en tots aquests llenguatges no definirem l'estètica de la pàgina, açò ho farà uns altres llenguatges anomenats CSS3 i JavaScript en la part del client.
La web actual es basa en l’estàndard HTML5
La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.
La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.
La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.
La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.
La web actual es basa en l’estàndard HTML5. L’anterior versió de l’HTML, l’HTML 4.01, és de l’any 1999 i l’àmbit del web ha evolucionat molt des de llavors. L’HTML5 incorpora moltes funcionalitats que en aquell moment no es van tenir en compte: àudios, vídeos, eines de dibuix, validació de formularis, etiquetatge semàntic i molt més.
HTML5 va incorporant noves funcionalitats, a vegades forçades pels mateixos fabricants i els desenvolupadors de navegadors. Per aquest motiu no tots els navegadors implementen totes les funcionalitats a l’instant en què un desenvolupador s’avança; és a dir, les etiquetes que fem servir no sempre es comporten igual segons el navegador amb què obrim els documents.

viernes, 16 de septiembre de 2016

TIC en ADE!

Hola a tots! Com ja sabeu per la presentació inicial, m'agradaria estudiar ADE (Administració i Direcció d'Empreses). A dia de hui, les Tecnologies de la Informació i la Comunicació es troben  a qualsevol tipus de professió i desenvolupen un paper fonamental en el món empresarial. La Informàtica no gestiona pròpiament l'empresa, ajuda a la presa de decisions, però no decideix per sí mateixa. El seu fi és detectar errors, assenyalar falles i avaluar i millorar l'eficàcia i eficiència d'una secció o d'un organisme. Alguns dels avantatges més importants en el que vull estudiar són:

-Automatització: l'home no intervé en el treball, només dóna ordres a la computadora. 

-Estalvi de temps: es pot realitzar l'objectiu en curt temps. 

-Veracitat: la informació és vertadera.

-Rapidesa: agilitat que es té per a dur a terme els objectius que es tenen. 

-Confiança: seguretat que es té per a aconseguir el procés.

Com a conclusió, les empreses generen quantitats enormes de dades i per tant grans recopilacions d'informació, la qual, per descomptat, ha de ser veraç, objectiva i precisa, per això mateix es necessita una forma eficient de classificar-la i ordenar-la. Les noves tecnologies aporten a l'empresa informació  vàlida, completa i actualitzada, a més d'una bona imatge i publicitat globalment, i tot això mesurat en termes de qualitat, termini i cost. Sense aquest suport els alts objectius empresarials, una adequada direcció i gestió en l'empresa, serien difícils d'aconseguir.





Espere que vos agrade!

lunes, 12 de septiembre de 2016

Comencem un nou curs!

Hola de nou! Ja ha arribat setembre i amb ell la tornada a les classes. Aquest curs fem 2n de Batxillerat i hem de donar el millor de nosaltres. Com ja sabeu, aquest és el meu blog de TIC, on publique entrades que em semblen útils i interessants. Espere que el món informàtic vos agrade tant com a mi i vos ajude en la vostra vida professional, ja que estem en l'era de la tecnologia.

Per a acabar, vos recorde que m'agradaria estudiar Administració i Gestió d'Empreses a la universitat l'any que ve perquè m'agrada molt el món empresarial i la economia, encara que també sóc una amant de la moda. El meu somni seria convinar aquestes dues passions.

Ací vos deixe el link al bloc de la meua professora de TIC: http://mj-tic-bat2.blogspot.com.es/




Molta sort, a per totes!

miércoles, 9 de marzo de 2016

Comandaments Linux!

Hola a tots! En aquest post tractarem els comandaments de Linux, que serveixen  per a poder executar una sèrie d'instruccions. Espere que vos agrade!

                    -Quins son els comandaments que has trobat mes útils (3-5).
  El primer comandament que considere bastant útil es pwd, ja que mostra el nom del directori actual, d'aquesta manera sempre sabem on estem; el segon interessant em pareix hostname, que permet saber el nom de la màquina amb la que estem treballant i açò sempre és útil; el tercer és mv, perquè ens permet cambiar el nom dels fitxers, la qual cosa fa que estalviem temps; el quart és rm, que ens permet borrar fitxers; per últim, netstat, amb ell podem saber l'estat de la xarxa i del TCP/IP, que com ja hem vist té una gran importància, i ens pot servir, per exemple, per a comprobar si tenim Internet quan veguem que falla.

                    -Captura del Terminal amb l’ejecució del comandaments que més t’agraden.
Aquesta captura és del comandament pwd i mostra que estem a home, desde l'usuari lliurex admin.

 Aquesta mostra el hostname.

 Aquest mostra el mv i rm.




Aquest és netstat.



                    - Recordes Synaptic… ejecuta des de Terminal. Captura el Terminal amb l’ejecució del comandament. Busca “Mozilla”. Veuras tots els paquets relacionats. Els marcats en verd estan instal·lats. Captura on es puga veure els paquets de Firefox. Posa les dues captures a l’entrada del blog.
Aquesta imatge mostra el comandament synaptic.

Aquesta mostra els paquets de Firefox.

                     -Investiga a Internet quin és el comandament per a canviar permisos dels arxius. Canvia els permisos dels arxius del teu USB, per a donar-los tots a tots els tipus d’usuaris, des de Terminal (de vegades el nostre USB no deixa escriure, perque ho llevem massa ràpid i el SO no pot deixar tancat el sistema d’arxius). Captura el comandament i posa al blog.

El comandament per a canviar els permisos dels arxius es chmod + rwx.


martes, 8 de marzo de 2016

Lliurex-Administración del sistema!

Hola a todos! En este post os daré información interesante sobre el Sistema operativo Lliurex. Espero que sea útil!
 
    • Como instalar el SO Lliurex. Distribución.
       Podemos instalar este SO accediendo a la paǵina oficial de Lliurex, entrando en el apartado Descargas y bajandónos el SO correspondiente. El que yo estoy usando es el cliente. Este apartado de Descargas lo podréis ver a continuación en una imagen.
      En cuanto a las distribuciones, lliurex es una distribución Linux realizada por la Consejería de Educación, Cultura y Deporte de la Generalidad Valenciana. Lliurex está basada en ubuntu desde la versión 7.11.
       
    • Sistema multiusuario. Tipos de usuarios (administradores, normales). Privilegios o permisos, de usario.
       Puesto que Linux es un sistema multiusuario, permite que varios usuarios usen el sistema. Podemos encontrar los siguientes tipos de usuarios:

      Cuenta de administrador: sólo es utilizada para las operaciones de administración. Es el que dispone de más permisos y acceso completo a la máquina y a los archivos de configuración.

      Cuentas de usuarios: cuentas normales para cualquier usuario de la máquina, tienen los permisos restringidos al uso de ficheros de su cuenta.

      Cuentas especiales: cuentas que no son usadas por personas, sino por servicios internos del sistema.

    • Donde crear usuarios. Créate un nuevo usuario.
       En las siguientes imágenes podéis ver la Configuración de los usuarios, que se encuentra dentro de Parámetros del sistema. Aquí es donde crearemos los usuarios. En la primera imagen se muestra mi usuario, que es normal, y en la segunda cómo se crea un nuevo usuario, después de haber introducido la contraseña del usuario administrador para poder hacer esta tarea.


       
    • Sistema de ficheros. Permisos de fichero. Nautilus.
      En Linux todo son ficheros, cualquier elemento presente en el sistema es tratado como un fichero, desde nuestros archivos personales hasta los dispositivos hardware como la impresora, el ratón, etc. Estos ficheros están organizados en un Sistema de ficheros.

       Se pueden crear grupos de usuarios, a fin de que sea más fácil la posibilidad de compartir un  recurso. Los grupos de usuarios se identifican con un nombre. Para garantizar la confidencialidad, el sistema establece sobre cada fichero o carpeta tres tipos de permisos: lectura, escritura y ejecución.
      Por otra lado, cada archivo o carpeta pertenece a alguien. El sistema establece permisos para el propietario y para el resto de usuarios.

      Por otra parte, Nautilus es el administrador de archivos del entorno de escritorio GNOME, el utilizado por Linux. Si desde Nautilus pulsamos en el panel lateral el acceso al sistema de archivos veremos el árbol completo de directorios.
       En la siguiente imagen vemos las propiedades de un documento, concretamente sus permisos.

    • Donde se configura el sistema (Parámetros del sistema, Preferencias).
       Podemos configurar el sistema clicando en Aplicaciones, Herramientas del sistema y Parámetros del sistema, como se muestra en esta imagen:

    • Donde instalar un controlador de hardware.

      Podemos instalar nuestro controlador de hardware entrando en Aplicaciones, Herramientas del sistema, Preferencias, Drivers Adicionales. Nos aparecerá la siguiente pantalla.


    • Donde instalar una impresora. Impresora en el servidor.

      Podemos instalar una impresora desde Aplicaciones, Administración de Lliurex, Parámetros del sistema, Impresoras. Estas son las pantallas que encontraremos, primero nos aparecera nuestra impresora y clicando en ella sus propiedades.


    • Donde ver y/o configurar la red.

      Podemos configurar la red desde el menú inferior, entrando en la Información sobre ella, podemos verlo en las siguientes imágenes. En la primera, el ratón muestra donde hemos de entrar y la segunda la pantalla correspondiente.




    • Donde instalar nuevas aplicaciones de usuario: Centro de software y Synaptic (des de terminal). Repositorios.

      Los repositorios son bases de datos o archivos informáticos.
      Podemos instalar nuevas aplicaciones de usuario desde Aplicaciones, Instalación de programario, y aparecerá lo siguiente:


       También desde Aplicaciones, Herramientas del sistema, Synaptic. Pondremos la contraseña del administrador y aparecerá esta pantalla:


    • Actualitzación y Instalación por Terminal: apt-get [update | upgrade | install | remove].

       En esta imagen podréis ver desde Terminal la orden sudo apt-get update.


lunes, 22 de febrero de 2016

Sistemes operatius!

Hola a tots! En aquest post teniu informació breu i clara sobre els sistemes operatius. Espere que siga útil!

    • Què és un Sistema Operatiu?
        Un sistema operatiu és un grup de programes que fan de supersecretari: és l'intermediari entre nosaltres i la màquina, i s'encarrega d'organitzar el munt de tasques que fa l'ordinador. Un ordinador sense sistema operatiu no funciona.
       

       
    • Quines són les funcions de qualsevol SO? 
      El sistema operatiu ens permet fer diferents tasques amb un ordinador:

      1ª) El que s'anomena control dels processos. El sistema operatiu es capaç de controlar tots els processos que estiguin treballant a la vegada i repartir d'una manera eficient la memòria.

      2ª) Gestionar la memòria. Una de les funcions de la gestió de la memòria, té a veure amb el que s'anomena dispositius que anomenem d'entrada i surtida. ex: els perifèrics.


      3ª) Control d'arxius. Sistema operatiu es capaç de crear una mena d'arxius que permeti a l'usuari emmagatzemar la nostre informació.


      4ª) El sistema de comunicació. Permet que els usuaris es puguin comunicar amb altres a través de les xarxes socials. Un sistema operatiu ha de ser capaç de permetre la comunicació en xarxes.


      5ª) Sistema de seguretat. Qualsevol sistema operatiu ha de ser capaç de garantir la seguretat del sistema d'arxius, que la memòria arribi bé a totes les aplicacions, etc. Que l'ordinador funcioni bé.


      6ª) Sistema d'ordres. Tot sistema operatiu ha de permetre que ens poguem conectar i comunicar mitjançant ordres.

    • Quins són els SOs que s'utilitzen ara? 

      Alguns dels sistemes operatius més comuns per a ordinador són Microsoft Windows, Linux i Mac OS X. Microsoft Windows és el que té amb diferència més quota de mercat en els segments d'ordinadors de sobretaula i portàtils.




       Per una altra banda, els sistemes operatius més comuns per a mòbils són
      iOS de Apple, Windows Phone de Microsoft i Android, de Google. Android té la major quota de mercat.




       http://itunesu.blanquerna.url.edu/seminaris/cominteractivadigital/E3/?p=213
       https://ca.wikipedia.org/wiki/Sistema_operatiu
    • Versions dels SOs més populars

      Ací podem vore una imatge on trobem els sistemes operatius d'ordinadors i de mòbils, respectivament, més populars.




      http://dexpierta.com/wp-content/uploads/2014/03/SOmovileslogos6980.jpg
      http://image.slidesharecdn.com/1presentacionupload-111218194913-phpapp02/95/sistemas-operativos-mas-usados-2-728.jpg?cb=1324238171

    • Busca un vídeo a Youtube.

      Ací vos deixe un vídeo bastant interessant sobre els sistemes operatius. Fa una explicació clara i breu per a poder entendre millor què és, i també és curt!


      https://www.youtube.com/watch?v=PqRwmVZ3ALI

       

martes, 9 de febrero de 2016

Configuració de la xarxa!

Hola a tots! En aquest post vos mostraré dues imatges creades utilitzant Drive en les quals es pot veure dades importants de la configuració de la xarxa del teu ordinador. A la primera s'accedeix mitjançant la informació de red i a la segona entrant en Terminal i escribint "ifconfig". Espere que siga útil!