Blog

Tip: Sådan gemmer du hjemmesider for altid

|

Som en digital type, der spreder små brødkrummer rundt på internettet, kan det være svært at gemme noget for eftertiden. Jeg har ikke altid lyst til at skulle vedligeholde og holde adskillige CMS kørende, på outdatede projekter.

 

Helt konkret så byggede jeg sidste år et site til KFUM-Spejdernes Landsmøde, og når der er Landsmøde igen om 2 år, så skal der et nyt site til. Jeg fandt nogle ulemper i den nuværende opsætning, designet skal helt sikkert brushes op og jeg har lært nye ting til den tid. Men det er godt at kunne gå tilbage og se den gamle side, både for mig og dem som deltager på Landsmøde.

 

 

 

 

 

 

Sitet er bygget på Wordpress, så det første jeg ledte efter, var WP-plugins der kunne generere statiske HTML sider. Jeg prøvede først Simply Static og bagefter WP2Static – uden succes. Enten virkede links ikke rundt mellem sider. Ellers hentede den ikke stylingen rigtigt. Den ene manglede kun at have styr på charsettet, så ingen danske bogstaver. 

 

httrack – lige hvad jeg manglede

Jeg var begyndt at rette siderne én for én – men der må simpelthen være en bedre metode. Og hele interwebbet pegede på httrack, men det virkede bøvlet. Men trods alt mindre bøvlet end at rette æ, ø, å på 40+ sider.

 

Så jeg fik hentet det ned. Det var både let og det virker perfekt! Og det findes både til Mac, Windows og Linux. 

 

 

 

 

Guide til httrack

1. Åben terminalen

 

2. Hent httrack med brew

brew install httrack

 

3. Nu kan du bruge httrack – den helt simple ordre er

httrack "https://muldbjerg.com/" -O "/Downloads/muldbjerg.com" "+muldbjerg.com/*" -v

 

Husk at ret snippet til, sådan det passer til dig. Vær opmærksom på om det er http eller https. Og linket til Downloads-mappen, skal opdateres. 

 

Når siden er downloadet, ligger alt som html sider. Jeg smed så den gamle side op på 2018.landsmoede.dk – så er den version gemt. Og så er domænet klar til en sprit ny hjemmeside.  

 

HTTRACK kan bruges til at gemme gamle hjemmesider, eller hvis du er ligsom mig, og opdatere dit portfolio hele tiden, så kan du gemme gamle versioner.  

  

Træd ind i din filterboble

|

April betyder ofte travlhed når man læser på IT-produktudvikling, fordi nu skal prototyperne snart være flyveklar. Det gælder lige nu, hvor mine læsegruppe og jeg bygger på en social installation. Den forsøger at simulere konceptet filterboble. 

 

 

 

 

Vi har bygget en dome som skal sybomlisere boblen. Den er bygget af rundstokke og 3D printede samleled. Den er dækket af hvidt stof, som er specialsyet til at passe. Det er længe siden jeg har syet på en symaskine, men det lykkedes at sy overtrækket til domen der er 4 meter i diameter. 

 

 

 

 

Når man træder ind i domen, bliver man bedt om at logge ind med sin facebook profil. Efterfølgende har folk udenfor domen, mulighed for at “redigere” personens liv. Det opleves inde i domen, gennem lyde, video og billeder. 

 

Til det har jeg lavet forskellige simple react applikationer, som skal køre de forskellige skærme. Og den app som personen logger ind gennem.

 

Installationen skal udstilles på Dokk1 til Internet Week 3.-4. maj. Jeg ser meget frem til hvilke diskussioner, vores installation kan skabe. 

 

 

 

 

Quick and dirty - ny lækker hjemmeside for Landsmøde

|

Jeg øver mig i at lave mere LEAN udvikling. At nogle gange er den bedste løsning - den hurtigst mulige. Det gælder især når det er frivilligt arbejde, og det stort set altid er brug for mange flere hænder, end det er muligt at skrabe sammen. 

 

Jeg er projektleder for KFUM-Spejdernes Landsmøde på Gram Slot til september. Og vi vil gerne være mange flere, end vi har været tidligere. En stor del af min rolle handler om kommunikationen. Til det havde vi brug for en hjemmeside.

 

 

 

 

Men samtidigt med at udviklingen skal gå hurtigt - så vil jeg ikke gå på kompromis med et flot tilpasset design!

 

Derfor skiftede jeg for en kort tid tilbage til en wordpress side. Fordi så kunne jeg starte ovenpå et eksisterende wordpress tema. Det gav en hurtig start. Og en masse CSS linjer og PHP tilpasninger, så kom det til at ligne det ovenover. Se det færdige resultat.

 

 

 

 

Vue som en god erstatning

På program-siden har jeg arbejdet med en særlig løsning. At se programmet er en af de vigtigste ting for en event side - samtidigt skal det være let og hurtigt at redigere. 

 

Derfor brugte jeg den Google Sheets løsning, som jeg har skrevet om tidligere. Så kunne programmet rettes direkte fra et Google Sheet. 

 

For at hente data ud og kunne navigere i programmet brugte jeg VueJS. Det er min første erfaring med Vue - jeg har tidligere erfaring med Angular. Men jeg vil gerne have mere erfaring med treenigheden Angular-React-Vue.

 

Som jeg ser det er Vue en god stand-in for jQuery, fordi det er relativt let at bruge i små projekter. Hvor Angular og React er mere full-blown applikations frameworks.

 

 

 

 

Der skal ikke mere end de her få linjer til. Så Vue har fået gode plusser i bogen. Og forhåbentlig hjælper det til, at der kommer mange mennesker med på Landsmøde.