El dijous passat ens vam passar la classe instal·lant:
- WordPress al servidor dissenyweb.elisava
- MediaWiki al servidor dissenyweb.elisava
DIJOUS 8 DE MAIG
Mayo 15, 2008, 12:14 pm
Archivado en: General
Archivado en: General
Dejar un comentario
DIMARTS 13 DE MAIG
Mayo 15, 2008, 12:11 pm
Archivado en: General
Archivado en: General
Hem dividit la classe en 2 parts:
- Mirar algun projecte de classe i veure quina seria la millor opció per fer el wiki (skin). Agafar una imatge (gif) dels skins i retocar-la amb photoshop per tal de penjar un exemple al nostre wordpress.
- Mirar algun skin per mediawiki i canviar l’estètic. Podem trobar alguns estils de pàgines a http://meta.wikimedia.org/wiki/Gallery_of_user_styles. Per fer-ho necessitem descarregar el zip, instal·lació skin, dins la carpeta utilitzable al wiki però primer el volem retocar. Mirar el link on posa “…please refer to ehe designer’s blog…” per tal de saber què es pot retocar del disseny de la pàgina i què no. Després descomprimirem l’arxiu i el traslladarem a la carpeta pròpia del mediawiki. Veiem que quan clickem a itcouldbetheisore.com download a la part dreta del menú (files) apareixen moltes opcions, doncs per tal de descarregar-nos les imatges de fons de les plantilles, ens descarregarem la prat de Download V2 psd files, i seguidament les obrirem al photoshop per ser retocades al noste gust.
Identitat corporativa a la web
Mayo 7, 2008, 2:20 am
Archivado en: General
Archivado en: General
Avui a la classe de disseny web, dia 6 d’Abril, hem partit la classe en dos.
La primera hora hem revisat les wikis i les plantilles que havien quedat pendents a l’última classe del Dijous. Hem corretgit el camps que havien de tenir i hem fet un repàs general del tema plantilles wiki.
A la segona hora hem fet una classe teórica sobre la identitat corporativa a la web i quins aspectes podem trobar avui en dia. La web avui en dia esta segmentada en tres grans blocs de comunicació en línea, intranet, internet i extranet.
Aquests camps principalment es diferencien per el target group a qui van adreçats els seus continguts.
Internet és un sistema de comunicació en línea que va adreçat a un public general de consumidors no específic.
Intranet va adreçat al personal de la compañía, ja que en els casos en que les empreses tene molts treballadors és determinant tenir un sistema de relació, informació i comunicació intern només pels membres d’aquesta companyía.
I per últim, extranet, es un sistema de comunicació en linea adreçada a les empreses o persones jurídiques que tenen relació amb la companyia. Com per exemple distribuïdors, servei técnic, proveïdors.
Això explica que segons les necessitats de cada segment del target la comunicació en quant al disseny sigui diferent i tingui unes característiques i un nivell de informació divers, raonablement per fer front a les necessitats de cada sector i fomentar un bon funcionament tant intern com extern de la companyía en qüestió.
Així doncs, aquesta ha sigut la lliçò d’avui dia 6 d’abril de 2008.
Salut!
Mayo 6, 2008, 11:07 pm
Archivado en: General
Archivado en: General
ara que hi començem a entendre una mica més podem reconèixer que aquesta pàgina http://www.w3schools.com/css/css_reference.asp és molt interessant.
classe del dia 22.04.08
Abril 28, 2008, 6:55 pm
Archivado en: General
Archivado en: General
El dimarts dia 22 d’abril va ser una classe una mica més dinàmica. Vam dividir la classe en dues parts:
- REVISIÓ DELS BLOGS DE GRUP
- REVISAR ELS PROJECTES DE CADA GRUP
En la revisió dels blogs ens vam adonar que el nostre blog anava mal dirigit, no haviem entès “res”, ja que haviem pensat des d’un principi en el projecte i anar aplicant aquest projecte dins del blog d’apunts. Però això no és així sinó que els dos blogs van per separar. Ara tot els links i videos que hi han aquí penjats hauran de ser traspassats a l’altre blog. De totes maneres tot el que haviem anat penjant també ens ha ajudar a aprendre a utilitzar el wordpress.
La correcció ens va fer veure que tampoc anavem tan mal dirigits amb el briefing (visual) on explicavem a qui anava dirigit el nostre blog/wiki (TARGET).
Pel pròxim dia, és a dir, per demà haviem de portar un PDF amb una definició del projecte (amb una frase sintatitzant de què aniria el blog). Punts a definir:
- Serveis que oferirà
- Target
- Serveis desenvolupats
- Disseny gràfic de la pantalla
- Eines apropiades per a cada sevei que oferirà
Wiki Text
Abril 24, 2008, 8:25 pm
Archivado en: General
Archivado en: General
A la classe d’avui hem vist la particularitats que tenen les wikis pel que es refereix a la programació que, a diferència del codi html, tenen un codi pròpi més net alhora de visualitzar-lo. L’ avantatge del codi wiki sobre les bases de dades és que les wikis poden modificar-se sobre la marxa i les bases de dades no.
A classe hem vist el que és el wiki text, les taules, les imatges, les plantilles i les categories dins del sistema wiki i com serveixen per organitzar continguts totes aquestes eines de programació.
Tot en conjunt ha sigut una mica dens sota la nostra opinió i una mica complicat, ja que aquesta matèria és nova per nosaltres i així de primeres és facil fer-se un embolic. Esperem anar superant les dificultats a mesura que avança el curs per tal de fer un bon projecte final.
Bolg Vs. Wiki
Abril 12, 2008, 11:52 am
Archivado en: General
Archivado en: General
A la quarta classe vam començar a endinsarnos en el sistema wikimedia, vam donarnos d’alta per obtenir una pàgina wiki pròpia. Vam estar veient com funcionaven les pàgines wiki i vam establir les diferències o punts en comú entre el que és una pàgina wiki i el que és un blog. Val a dir que les dues plataformes poden tenir un funcionament bastant similar i poden oferir bàsicament les mateixes funcions encara que hagin estat orientades i disenyades per oferir usabilitats diverses.
Bàsicament les caracteríastiques de les wikis i dels blogs serien les següents:
Wiki
- Sistema multiusuari
- Edició oberta
- Edició sobre browser
- Autoria compartida
- Tolerància a errors
- Sistema hipertextual
- Facilitat per crear nodes
Blog
- Sistema personal, encara que també podria ser multiusuari
- Direcció lineal, llibre de bitàcora, diari personal, estructura cronológica, secuencial
- diàleg a través dels comentaris, editor amb visitants
- Conectivitat blogroll, un blog amb altres. Backlinks, enllaços que t’han enllaçat
Doncs bé aquestes serien les característiques fonamentals de les pàgines wikis i dels blogs.
QUÈ ÉS UN WEBLOG?
Abril 10, 2008, 12:23 pm
Archivado en: General
Archivado en: General
QUÈ ÉS UN WEBLOG?
Un weblog és una pàgina web fàcil d’utilitzar i actualitzar. Aquesta s’actualitza periòdicament i s’hi recopila cronològicament textos/articles d’un o varis autors. Aquests apareixen del més recent al més antic. L’autor/usuari propietari d’un blog té la llibertat de decidir quins posts li interessa deixar publicats i quins no (borrant-los). Aquest a la vegada pot respondre a tots els articles, això fa que els blogs es converteixin en un espai de diàleg i intercanvi d’opinions, sempre que l’autor del blog ho permeti. Els weblogs no són únicament d’ús particular, sinó que podem trobar-ne de tot tipus (periodístics, educatius,…)
L’autor també pot prendre la decisió de canviar l’aspecte de la pàgina web a través de diferents dissenys que et proporciona la mateixa pàgina, modificant la imatge de fons, el títol de la pàgina, el color de fons, color de la tipografia,…
Els elements comuns de tots els weblogs són:
_comentaris
_facilitat de creació de continguts
_classificació d’articles en teme
_links a altres blogs
_arxius d’anotacions anteriors
_integració d’imatges i videos
_inclusió de varis enllaços a altres pàgines web (sense la obligació de ser weblogs) en les anotacions
_solen estar escrits per un autor o autors determinats que mantenen habitualment la seva propia identitat.
Cada vegada que un autor escriu una entrada (un post) el gestor dels continguts actualitza la pàgina d’inici a nivell estructural. A més a més permet agregar-li a cada entrada la possiblitat d’agregar comentaris, trackbacks i altres funcionalitats que el programa de gestió de continguts permeti. Cada entrada generalment té una estructura
- Data
- Títol
- Cos de la entrada
- Enllaç permanent
- Categoria
- Comentaris
- Trackbacks
PÀGINES AMB LA DEFINICIÓ DE WEBLOG:
http:// www.minid.net/que-es-un-weblog/
http://www.microsiervos.com/archivo/weblogs/weblogs.html
PÀGINES WEB QUE PERMETEN CREAR UN BLOG:
QUÈ SÓN ELS CSS I HTML?
Abril 9, 2008, 5:28 pm
Archivado en: General
Archivado en: General
Per entendre la segona classe vam deixar clares les bases de la web creades el 1991-92 al Centre Nuclear de Ginebra, tot i que l’internet ja portava 20 anys en funcionament. Les bases estan formades 4 pilars:
- URL: sistema per trobar coses de gent connectada
- HTML: llenguatge que tenen les pàgines web
- PROTOCÒL: http, per serveix per transferir les pàgines html
- BROWSER: navegador, és el que reb un codi i el transcriu (encarregat d’interpretar la informació)
Les pàgines web es diferencien en dos fitxers: HTML (contingut) i CSS (aparença). Per tant, diriem que HTML ens informaria de com s’estructura la pàgina i el CSS ens informaria de com es mostra. Aquest sistema facilita per les dues bandes els canvis que es facin a la pàgina
QUÈ SÓN ELS CSS?
Les sigles de CSS signifiquen fulles d’estil amb cascades, i van relacionades amb el disseny de les pàgines web. Com ja hem dit abans estan relacionats en l’aspecte físic que adoptarà la pàgina. Aquesta informaicó la podem aconseguir de qualsevol pàgina apretant el botó dret sobre la pantalla i obrint la opció edit CSS, on en la part esquerra de la pantalla se’ns mostrarà els estils de la pantalla en la que ens trobem. En ella hi apareixen etiquetes com: html, body, h1, h2, h3,… (on s’indica com s’ha de mostrar la pàgina, font, color del fons, color dels títols, tamanys, imatges de fons, limit entre exterior i interior, distància…). Dins d’aquest llenguatge també trobem paraules claus com: a:link, #pageHeader (on dins de cada un es subdivideix en diferents apartats com: h1, h2,.. que això és el que dóna control de l’aspecte).
QUÈ SON ELS HTML?
És el llenguatge que utilitzen les pàgines per entendre l’ordre estructural de la pàgina, com anirà col·locada la informació. Informa de les característiques que tindran els continguts que hi ha dintre de la web. Aquesta informació la podem aconseguir de qualsevol pàgina apretant el botó dret sobre la pantalla i obrint la opció de ver código fuente de esta página. Observant la informació que ens apareix podem extreure’n fàcils conclusions, el símbol < (seguit del nom, per exemple: <head) és el que serveix per obrir etiquetes i es tanquen amb /(nom)> (per exemple: /head>). Amb el cas d’aquest exemple, aquesta etiqueta informaria al nom que se li otorga a la part superior de la barra de la pàgina. En aquest cas, les etiquetes anirien ordenades amb l’ordre que prendria el contingut de la pàgina (text, pàrrafs, accions a prendre per una paraula determinada que es troba enmig d’un pàrraf,…) i per tant indicaria en tot moment com ha d’anar estructurada la pàgina.
Aquesta informació es va aconseguir analitzant la pàgina CSS ZEN GARDEN: observant HTML i CSS per separat i després intentant-los entendre en comú.
CARACTERÍSTIQUES DEL SISTEMA
Abril 9, 2008, 4:46 pm
Archivado en: General
Archivado en: General
Al principi de la classe ens van informar de com es valoraria l’assignatura. Per una banda un blog, creat a través del wordpress.com, que serviria d’eina per penjar articles de cada classe (és a dir, els apunts). Aquest primer punt contaria un 20% de la nota. Per altra banda, la creació un projecte web (wiki), que es dividirà en dues parts: la part projectual, que contaria un 40% (valorada per en Joan) i la part funcional, que contaria l’altre 40% (valorada per en David).
A part d’aquesta breu introducció, el primer dia també vam tenir una breu explicació de les característiques del sistema web. Inicialment (anys 70) internet era sobretot ordinadors connectats entre sí, transferència de fitxers d’un ordinador a l’altre, missatges de correu electrònic. Després (anys 80) sistemes de publicació de documents (les BBS a l’inici) i primeres maneres de buscar-los.
No és fins a finals del 1991 que es defineix la WWW ( Worls Wide Web) amb el HTML, el protocol HTTP, la URL i el Browser. L’evolució de la web doncs parteix d’aquell moment, 20 anys més tard del naixement de la primera pàgina internet. Amb el pas del temps això ha canviat i s’han adoptat unes millores estructurals d’aquest sistema. Això ha aconseguit que el concepte canvii totalment fins arribar al que avui tots coneixem, un fort mitjà de comunicació on l’usuari reclama la contínua actualització i adaptació a les seves necessitats.
Alguns exemples d’aquestes connexions i intereccions entre els mateixos usuaris poden ser:
