Skrivarvänlig CSS

Om man skulle råka vilja skriva ut en sida, från till exempel THS hemsida, vore det bra om den var skrivarvänlig. Det finns en tutorial för att lägga till sådant i CSSen. Det finns också folk som tycker att det är en dålig idé att göra som det föreslås i den förra tutorialen.

RSS -> Facebookgrupp

THS har en facebookgrupp, som det vore trevligt om man kunde "hälla in" nyheterna från förstasidan på. De finns också i rss-format på http://www.ths.kth.se/rss.

På den här sidan verkar det finnas instruktioner om hur man gör det.

Nu ska vi se om det fungerar också.

Arkivfunktionerna äntligen klara

Idag leverande vår leverantör chas äntligen de funktioner vi beställt, nämligen att kalenderns och nyhetssidans arkiv skulle börja fungera vettigt. Nu gör de äntligen det, och man kan ta sig en titt på alla (även gamla) nyheter och alla gamla kalenderhändelser.

De rättade även en del småbuggar. Jag lade till en del små saker också, till exempel enirolänk till Nymble, och en nyhet om THS framsteg på Facebook. Lägg även märke till den här sjukt coola photosynthen av Nymble, (man kan även gå omkring lite på innergården) som gör det möjligt att gå omkring på Drottning Kristinas väg och spana in Nymble. Det är galet häftigt.

Den gamla hemsidan (om någon minns den? Blå och orange) hade en massa gamla Osqledare på sig, det vore förstås roligt om de kunne få finnas i fortsättningen också.

RSS-flöde från hemsidan

Det finns möjlighet att plocka RSS från hemsidan!

http://www.ths.kth.se/sv/rss och http://www.ths.kth.se/en/rss är de svenska respektive engelska flödena.

De löses förslagsvis med ditt bokmärkesfält eller din google reader.

Dagordning Webbgruppsmöte 5 maj 2009

1. Presentation

Vad vi har möjlighet att göra, och vilka förkunskaper vi har.

2. Information:

En gemensam att-göra-lista finns på:

http://code.google.com/p/thshemsida/

Den är offentlig, vilket är både bra och dåligt. Det går inte att göra något åt det för tillfället, om man inte startar upp en egen lista, det tar lite tid i sin tur.

Det finns en blogg också, den är länkad från hemsidan. http://thshemsida.blogspot.com/

Tanken var att man ska dokumentera vad man gör kontinuerligt på den. Vad tycker ni om det?

3. Internmaillista

Kan alla tänka sig att gå med på en maillista där man samordna sig en smula?

4. Prioriteringar

Vi går igenom listan som den ser ut idag:

ID	Type	Status	Priority	Summary + Labels
7	Task	Accepted	High	Lägg till huvudnyhet att KTH-hallen släpper halltider.
15	Defect	Accepted	High	Problem i IE8 på förstasidan
13	Task	New	High	Doodla när folk har möjlighet att ha arbetskväll internkommunikation
16	Defect	New	High	Problem att menyn använder javascrip
1	Defect	Accepted	Medium	Problem att publicera filer
2	Task	Accepted	Medium	Introducera alla i issue-hanteringssystemet
4	Task	Accepted	Medium	Länka in Bookle
5	Task	Accepted	Medium	Genomför möte tisdag lunch 5 maj.
6	Task	Accepted	Medium	Restaurangguide
8	Task	Accepted	Medium	Uppdatera sidan med Kårfunktionärer
9	Task	Accepted	Medium	Länkar om entrepenörskap - SSES
10	Defect	New	Medium	Fixa bättre design till Tandemwebben
12	Task	New	Medium	Beslut och få igång internmaillista - Yahoo eller google? internkommunikaton
14	Task	New	Medium	Mer information på KTH-kategori på länksamling
11	Defect	Accepted	Low	Exportera tandem language learning siten till ipeer
3	Task	New	Low	Ta bort experimentboktorg

Status konsult: Deras prio ett är att fixa kalendern.

5. Stora frågor

Hur ska vi få in mer information på hemsidan? Är inlänkade pdf:er (som Telia) ett bra alternativ?

Hur ska vi kunna göra bästa servicen? Vilka går in på sidan? Går det att dela upp innehållet tydligare?

Hur ska vi arbeta nästa år?

API KTHs inloggningswebb

The KTH login service uses a standard protocol called CAS.
There is a protocol description here:
http://www.jasig.org/cas/protocol
An overview of the authentication process is here:
https://confluence.ucdavis.edu/confluence/download/attachments/7381798/CAS%20Diagram.jpg
There are a large number of existing client implementations here:
http://www.ja-sig.org/wiki/display/CASC/Home

On a successful authentication you will recieve the unique id for the authenticated person.
Username, name and emailattribute can be found by in the LDAP-adressbook at ldap.kth.se

Webbgruppen har en maillista

Jag startade en webbgrupp-maillista. Den ligger på yahoogroups. Varför är det bra med en lista? Jo, för att det tillkommer folk då och då. Och man kan skicka ut något till alla snabbt och enkelt. Jamen, ni har the basic facts.

För att gå med på listan, skicka ett mail till thswebbgrupp-subscribe@yahoogroups.com, så kommer ni med.

För att skicka ett brev till listan skriver ni till thswebbgrupp@yahoogroups.com

Yahoogroups rular fett!

Ful och fin HTML-text med span-taggar

På en del sidor och nyhetssidor blir texten ganska ful. Den ser liten eller stor ut, och får fel färg på länkar etc.

Detta beror ofta på att om man klipper in text från Outlook, Word eller liknande följer en del formatering med. Det kan man se som span-taggar i koden till texten.

Kolla nedstående till exempel:


Där ser allt ut att vara som vanligt, men kollar man i koden så:


Och tittar man på hemsidan:

Så ser det i och för sig inte så tokigt ut, men det enda sättet att faktiskt få kontroll över de här grejerna verkar vara att kolla på koden.

Källa: Filmnämndens hemsida

Standarderna på THS-sida är alltså att (allt fett med taggar runt):
p innesluter vanliga textblock, avslutas med /p
br/ kan lägga in en "liten" radbrytning
h2 för rubriker
a href="..." och /a, lägg till target="_NEW i första taggen om du vill att sidan ska öppnas i nytt fönster, oftast vill man inte det, men ibland (typ filarkivet, lokalbokningen)

exempel: <a href="/node/185">sektioner</a>THS sektioner</a>

lägger in en länk till sidan om THS sektioner.

och för att lägga säga till drupal var den ska "klippa" texten för ingress och liknande, använda kommentarstagg med "break" i: <!--break-->. Det blir aktuellt i nodkategorierna Nyheter och Händelser.

Fotoredigering med FotoFlexer

Om man inte har Photoshop på sin dator, kan man utföra den mesta bildredigeringen med FotoFlexer.

Hemsidan uppe igen efter äventyr med full hårddisk

Imorse var THS hemsida nere. Det berodde på att hårddisken var full, och det förhindrade MySQL-databasen från att arbeta, vilket märktes när jag försökte starta om den.

Jag har rensat bort en del onödiga filer från vår VPS nu, och det ska förhoppningsvis fungera bra i framtiden. Det var helt enkelt klantigt att hantera alltför stora filer på datorn.

En mer fullständig felrapport var att man när man först besökte sidan så kunde man inte alls komma åt webbservern. När jag loggade in via ssh var apache igång, men när jag försökte starta om den (universalmetoden, /etc/init.d/apache 2 restart) fungerade sidan fortfarande inte, utan sa:

Unable to connect to database server (...)

från Drupalinstallationen.

Mycket riktigt, jag kollade i loggarna för webbservern, tail /var/log/apache2/error.log berättadet att
[Wed Apr 08 20:02:19 2009] [error] [client xxx.xx.xxx.xx] Invalid method in request \x16\x03\x01
[Thu Apr 09 00:25:11 2009] [notice] caught SIGTERM, shutting down
[Thu Apr 09 00:07:35 2009] [notice] Apache/2.2.3 (Debian) PHP/5.2.3-1+b1 mod_ssl/2.2.3 OpenSSL/0.9.8g configured -- resuming normal operations
[Thu Apr 09 04:23:34 2009] [error] server reached MaxClients setting, consider raising the MaxClients setting
[Thu Apr 09 08:30:13 2009] [notice] caught SIGTERM, shutting down
[Thu Apr 09 08:30:23 2009] [notice] Apache/2.2.3 (Debian) PHP/5.2.3-1+b1 mod_ssl/2.2.3 OpenSSL/0.9.8g configured -- resuming normal operations
[Thu Apr 09 08:31:10 2009] [error] server reached MaxClients setting, consider raising the MaxClients setting
[Thu Apr 09 08:43:53 2009] [notice] caught SIGTERM, shutting down
[Thu Apr 09 08:44:03 2009] [notice] Apache/2.2.3 (Debian) PHP/5.2.3-1+b1 mod_ssl/2.2.3 OpenSSL/0.9.8g configured -- resuming normal operations
[Thu Apr 09 08:47:10 2009] [error] server reached MaxClients setting, consider raising the MaxClients setting

Det gav sig att det var något konstigt med MySQL-servern.

Provade att starta om mySQLservern med
/etc/init.d/mysql restart
och det tog lång tid innan det hände något.

Avbröt processen med Ctrl + C och skrev istället
# /etc/init.d/mysql start
/etc/init.d/mysql: ERROR: The partition with /var/lib/mysql is too full!

Alltså fullt på disken. Tog bort några stora filer (~1Gb in alles) och df (unixa för diskfree) gav

# df -H
Filesystem Size Used Avail Use% Mounted on
/dev/vzfs 3.9G 2.7G 0 100% /
tmpfs 1.9G 0 1.9G 0% /dev/shm

Vilket var mycket märkligt. Disken använde bara 2.7Gb av 3.9Gb men var fortfarande helt full. Då tog jag kontakt med supporten på iPeer, som lade till mer diskutrymme, med ett enkelt mail med ovanstående info till support@ipeer.se och vid lunch fungerade igen. Tack och lov.

Bugg Internetexplorer

Det visar sig att sidan med ledningsgruppen på engelska i Internet Explorer klipps av, utan någon egentligen anledning. Att sidan är på svenska i dagsläget är förstås också galet.

Vanliga frågor

Jag lade till en sida med vanliga frågor, speciellt rörande kåravgiften. Det är Ida-Maria på KårX som sammanställt dem, och de kommer att behöva uppdateras allteftersom.

Ledningsgrupssidan

Sidan med kontaktinformation för ledningsgruppen har varit en ganska ledsam historia det sista. Tack och lov lyckades jag klura ut strukturen för sidan genom att ge det lite tid.

Det visade sig att man ska använda

<div id="contacts">
<div class="person">
<img src="/gallery2/d/1360-2/THS_Kontaktbilder_0809_small+_Christine_.jpg"
title="THS_Kontaktbilder_0809_small (Christine)"
height="80" alt="Bild på Christine Ambell" width="80"/>
<div class="contents">
<h2>Christine Ambell</h2>
<p class="title">Ordförande</p>
<p class="email"><a href="mailto:ordf@ths.kth.se">ordf@ths.kth.se</a></p>
<p class="telephone">08/070-790 98 84</p>
<p class="desc">Leder kårstyrelsen, journalistkontakt. Sektionskontakt.<br/><br/>Studerar Bioteknik</p>
</div>
</div>
<div class="person">
<img src="/gallery2/d/1713-1/mans_ostberg_vordf0809_webbliten.jpg"
alt="mans_ostberg_vordf0809_webbliten" title="Bild på Måns Östberg" />
<div class="contents">
<h2>Måns Östberg</h2>
<p class="title">Vice ordförande</p>
<p class="email"><a href="mailto:vordf@ths.kth.se">vordf@ths.kth.se</a></p>
<p class="telephone">08/070-790 98 85</p>
<p class="desc">Kårens ekonomi och bolag.<br/><br/>Studerar Maskinteknik</p>
</div>
</div>
</div>

Där man ser att man ska inleda det hela med div id="contacts" och sedan kör man en "person" (som automatiskt läggs två och två).

Och sedan är det bara att copy-pejsta.

Webbgrupp sökes

Det vore ju grymt kul om fler vill vara med och hålla hemsidan uppdaterad. Hör av dig till webmaster@ths.kth.se eller ring Linus Ericsson på 0707909889 om du är intresserad av att vara med och pyssla, du behöver inte kunna värst mycket, du kommer att få lära dig efter hand. Är du en fena på Drupal är det förstås till stor hjälp, men folk som kan skriva, administrera och på det sättet bidra är minst lika viktiga.

Länkbuggar

Tittar man på besöksstatisken på THS hemsida ser man till sin fasa att den populäraste sidan är sidan som berättar att man har hamnat galet. Inte så kul, och ett tydligt tecken på att det finns många felaktiga länkar på hemsidan som används ofta.

Med det utmärkta verktyget W3C Link Checker är det en enkel match att kolla igenom hemsidan efter trasiga länkar. Jag lade in ths.kth.se och rekursionsdjup 5, för att hitta sidor med många felaktiga länkar. Och det gjorde jag.

Tyvärr verkar sidan THS från A till Ö ha många fel på sig. Man kan fråga sig om det är värt att hålla på att uppdatera en sådan sida, med tanke på hur lätt det blir fel, men jo, det måste man göra - annars kommer ju folk inte hitta sidan, och det är ju inte så bra.

Ny ikon!

Då hemsidan bygger på Drupal, var den lilla ikonen bredvid adresserna Drupals standardlogga - det vore ju förstås trevligt om det var de snygga THS-ringarna. Det är det nu.

Jag tog en bild på THS ringar (till höger) och öppnade den i GIMP. Först provade jag att skala ner den till 16x16 pixlar, men då blev den ganska matt och tråkig, eftersom att ringarna är för lite vita.

Istället blev det till att använda gaussian blur för att få det vita att sprida ut sig. Sedan använde jag en slags tröskelfunktion, så att allt närmare blått blev svart, och allt över blev vitt, sedan färglade jag det så att bakgrundsfärgen blev den nya THS-blåa, och såg till att ringarna blev vita.


Därefter blev skalningen riktigt bra!

Bilden konverterades sedan till det lite udda .ico-formatet (som är en gammal windowsstandard) med hjälp av programmet IcoMaker.

I sedvanlig ordning laddades ikonen upp där den gamla favicon.ico-filen låg, nämligen i /misc-katalogen i Drupalinstalltionen.