Vistes

Web

< Projectes

Versió per a impressora

Des d'aquest projectes es coordina el desenvolupament i seguiment de l'actual plataforma web.

Contingut

1 Seccions
2 Tasques relacionades amb el web
3 Comentaris

[modifica] Seccions

[modifica] Tasques relacionades amb el web

Validació d'estàndards dels CSS.
Validació d'accessibilitat
Discussió de georeferenciació bàsica (a nivell de planeta)
Neteja dels documents del recull i la guia d'estil
Integració traducció (voluntari David Planella) i disseny Mailman.
- Integració amb Drupal ref 1, ref 2
Conjugador
Millores del Rebost
Lectura en veu del text
Autenticació compartida
Script per a penjar diccionaris per a proves fàcils en línia
Documentació / categoritzar plantilles i el seu ús (model http://wiki.openbravo.com/wiki/Help#Templates_usage )
Comprovació d'enllaços trencats
Wikificar (especialment Jornades)
Logos dels Projectes (mirar-los)
- S'han d'adaptar al disseny nou. vora 150x150
  - OOo
Afegir camp descripció a tots els projectes
Single sign-on: Referència

[modifica] Comentaris

Pàgina per anotar les incidències al nou web i coses a millorar en el futur.

Important: Editeu per seccions per evitar conflictes d'edicions i signeu els vostres comentaris.

Abans de res, cal considerar:

[modifica] Proves a diferents resolucions

Google Analytics ens diu que els nostres visitants (dades desembre 2010) usen aquests resolucions:

23,36% - 1024x768
18,15% - 1280x800
13,21% - 1280x1024

Actualment (excepte pel que fa a la publicitat??), caldria un disseny que s'adaptés entre 1024 i 1280 d'amplada)

[modifica] Proves amb diferents navegadors

Google Analytics ens diu que els nostres visitants (dades desembre 2010) usen aquests navegadors/SO:

47,32% - Internet Explorer
- 64,39% - IE8
- 23,24% - IE7
- 12,03% - IE6
- resta
27.13% - Firefox
- > 75% - FF3.6
- ~ 10 % - FF3.5
- resta
12,19% - Safari
11,81% - Chrome

Nota: s'ha abandonat el manteniment de l'IE6 a nivell de disseny, però no encara de funcionalitat.

[modifica] Drupal

[modifica] General

Fer evident en portada que una notícia no està publicada. --toniher 11:04, 26 gen 2011 (UTC)
Cerca específica del Rebost i de les notícies --toniher 10:32, 3 feb 2011 (UTC)
Desa als enviaments de notícies --toniher 23:36, 7 feb 2011 (UTC)
Facilitar que la pujada de vídeos des de la interfície d'edició. Preguntat per David Planella. --toniher 07:16, 26 maig 2011 (UTC)

[modifica] Actualitat

Fer que les URL només continguin caràcters no accentuats, per tenir URL "netes": enlloc de http://www.softcatala.org/softcatal%C3%A0_presenta_el_seu_nou_lloc_web fer servir http://www.softcatala.org/softcatala_presenta_el_seu_nou_lloc_web. --Xcaballe 12:25, 10 nov 2008 (UTC)

Fet per noves, fer-ho amb velles --Toniher 15:58, 6 ago 2009 (UTC)

[modifica] Corrector

Marcatge d'incorrectes els mots que ho són d'una lletra??? --toniher 01:36, 13 feb 2011 (UTC)

[modifica] Mediawiki

La capsa d'edició de mediawiki és massa petita. Hauria de ser més gran tant en vertical com en horitzontal.--Marcbel 14:57, 9 nov 2008 (UTC)

Reparat horitzontal. --Toniher 09:03, 3 des 2010 (UTC)

Cal revisar la fitxa del Rebost amb IE, única que empra IE7.js (per redimensionar la imatge) --Toniher 16:43, 18 nov 2008 (UTC)

Al mediawiki l'edició per seccions s'hauria d'habilitar per defecte als usuaris --Marcbel 15:32, 8 nov 2008 (UTC)

Les llistes li no s'interpreten bé a IE<8. Exemple Guia d'estil. Informat Jmas. --Toniher 15:29, 14 feb 2009 (UTC)

Major control de META: http://www.mediawiki.org/wiki/Extension:Advanced_Meta toniher

Etiqueta o plantilla per tal d'evitar la indexació al Google de notícies en preparació. --toniher 15:10, 9 feb 2011 (UTC)

Pàgina de fitxa del Rebost no trobada té mal format. --Toniher 13:29, 10 jul 2011 (CEST)

[modifica] Projectes

Fitxa de projecte: Supressió del camp "descripció". Ara mateix hi ha problemes amb el format del text. És una complicació innecessaria, ja que dins d'una fitxa s'ha de complir un format molt determinat (al preRebost ha donat problemes amb usuaris externs). Fora de la fitxa es pot fer el mateix, amb la lllibertat i homogeneïtat amb la resta del mediawiki (els usuaris hi estan més acostumats). El problema del TOC se soluciona posant un títol (bé, se soluciona parcialment, pendents del redisseny).--Marcbel 18:26, 24 nov 2008 (UTC)

[modifica] Propostes de canvi de disseny

Addicionalment ens hem carregat l'opció Enllaços. Crec que s'hauria de restablir al costat de l'actual d'Ajuda (que quedés Qui Som, Contacte, RSS, Ajuda, Enllaços). Trobo que és important per donar visibilitat a altres iniciatives relacionades amb la llengua i/o les noves tecnologies. --Jmas 16:38, 24 nov 2008 (UTC)

A la portada hi faltaria un comptador que quants programes tenim registrats al rebost per a cada plataforma. Quim Perez 15-11-2008

[modifica] Proposta de disseny a 2 columnes

[modifica] Rebost

Fitxa Rebost - Marc

Fitxa Rebost: amb el disseny a 3 columnes el text queda molt comprimit, i més quedarà en aliniar la captura a la dreta (que ara no ho està). A més, el disseny a 3 columnes limita la mida de la captura, que a més si és gran deformata la columna del text.

Per això proposo un disseny a dues columnes:

Es posa una capsa a la part superior que contingui els enllaços de descàrrega, la info i la captura, donant un element gràfic de ràpida identificació sobre el que cerca l'usuari. A sota hi ha la descripció, el segon element que cerca l'usuari. Aquesta distribució ens dóna més llibertat.

L'avantatge que veig personalment a la proposta d'en Marc de fitxa del Rebost és que evita problemes d'elements flotants i ho fa més estable, tot i que ara ja ho tenim sota control i no seria crítica. Altra avantatge és que la mida de la captura com es mostra pot créixer un xic, tot i que segurament no més 100 px més.

Com a desavantatge, no fa fàcil tenir els menús desplegables de diferents miralls tal i com ho tenim ara (ex. OpenOffice.org i SeaMonkey). Seria pensar una forma diferent de mostrar-ho. --Toniher 14:34, 18 nov 2008 (UTC)

[modifica] Projectes

Fitxa projectes - Marc

A la pàgina dels projectes hi ha un problema de distribució de taules, superposant-se/barrejant-se l'índex automàtic, text, capsa d'informació del projecte... Veure http://www.softcatala.org/wiki/Projectes/Mozilla

Proposo:

Crear una secció independent (un espai separat) per al logo i la info del projecte a la part superior. Una segona secció a sota on es posi la descripció del projecte, i una tercera secció sota la columna de l'esquerra on posar les captures del programa del projecte. (disseny a 2 columnes inclou Rebost i Projectes)

--Marcbel 17:05, 13 nov 2008 (UTC)

Tenir les captures sota on hi ha ara publicitat i el botó «Voleu afegir-hi…» crec personalment que trenca amb el disseny general del wiki. Implementar-ho apart faria que haguéssim de forçar «absolute» en CSS, amb els problemes que representa perquè es vegi bé entre navegadors i resolucions. --Toniher 14:45, 18 nov 2008 (UTC)

[modifica] Proposta de pàgina de projectes de n'Anna

Fitxa projectes - Anna

Depen del grau de personalització que es pugui aconseguir del TOC (que actualment dóna problemes en format taula. --Toniher 14:26, 13 nov 2008 (UTC)

(Amb això callo) El problema del disseny a 3 columnes és que a la tercera columna (la de la dreta) l'espai a sota d'ella és un espai mort no utilitzable. A la columna de l'esquerra (1a columna) es pot entendre, però si de 3 columnes, 2 tenen un espai mort no utilitzable a sota, no és eficaç (40%? espai perdut. Vegeu http://www.softcatala.org/wiki/Rebost:OpenOffice.org). La 2a columna (la important, la del contingut) queda aleshores molt comprimida. És per això que jo defugiria completament d'un disseny a 3 columnes i em centraria en 2 columnes. Sobre les taules, bé el que es pugui fer (entenc que no són estrictament necessàries per a organitzar la 2a columna). (nota: per mi el TOC és Total Organic Carbon) --Marcbel 17:05, 13 nov 2008 (UTC)

Hi estic d'acord. Al menys en Projectes optaria per 2 columnes, perquè restringeix molt, i hi ha molt contingut en pàgines i subpàgines i perdríem molta cosa. TOC == Table of Contents en argot Mediawiki. --Toniher 18:29, 13 nov 2008 (UTC)

[modifica] Redisseny de la fitxa de programa

Canvis del nou disseny:(per seguir bé l'explicació mireu la imatge "esquema del disseny")

1. He deixat un espai de 30 px entre la columna esquerra i la columna de contingut

2. He eliminat la columna dreta i he redistribuït en una sola caixa els següents elements: el títol del programa, la puntuació, el logotip, les baixades, la imatge del programa, la fitxa tècnica i el projecte.

3. Tot el contingut de text l'he posat sota la caixa, a una columna, ocupant l'espai de l'antiga columna dreta

4. L'enllaç per avisar d'algun problema amb la fixa l'he posat sota el cos de text principal

5. Proposta: sinó volem que la columna esquerra quedi tan buida, una solució seria donar accés als programes de la mateixa categoria que el programa que s'està visitant.

esquema del disseny	PAS 1: L'usuari entra a la fitxa i se li ofereix la baixada per al seu sistema operatiu.	PAS 1: TÍTOL DE PROGRAMA LLARG	PAS 2: L'usuari tria baixar el programa per al seu sistema operatiu
PAS 2-b: L'usuari decideix triar un altre sistema operatiu	PAS 3: L'usuari decideix baixar el programa per a un altre sistema operatiu	disseny de la baixada quan l'usuari ha triat un sistema operatiu amb el logo del programa a dalt

[modifica] Redisseny de la portada

1. CAPÇALERA: He afegit el botó de cerca al cercador general

Pendent, per fer-ho a tot el lloc web. --toniher 13:00, 21 gen 2011 (UTC)

~~:2. PROGRAMARI: He fet més grans les icones de les categories i he afegit un enllaç a totes les categories d'un sistema operatiu~~

Potser botó taronja més gran per a encabir GNU/Linux --toniher 13:00, 21 gen 2011 (UTC)

:3. COLUMNA ESQUERRA: He ordenat i espaiat més els Top 20. He espaiat més les entrades del Planeta SC. Proposo posar més bàners fixos (especialment si eliminem el "col·labora" del centre de la pàgina)

Falten més bàners a sota? --toniher 13:00, 21 gen 2011 (UTC)

~~:4. CENTRE: He donat més presència a la guia d'estil i al recull de termes. He destacat més les altres seccions del web i els he posat una definició.~~