Publicera din teknikjaktLektion fyra

Nu är det dags för den sista lektionen och här går vi igenom en viktig sak, nämligen var och hur du sedan kan ladda upp ditt projekt. Vi kommer att använda en lösning som heter Github Pages.

Kom igång med GitHub Desktop

Det du ska göra först är att gå till sidan där du kan ladda ner det program som behövs för att ladda upp filerna:

  • Gå till Github och ladda ner genom att trycka på “Download for..”.-knappen.
  • Installera programmet.

Du ska nu skapa en användare på GitHub:

  • Registrera dig genom att fylla i användarnamn, e-post och ett lösenord på Github.
  • Testa sedan att logga in.

Öppna GitHub Desktop på din dator och logga in med ditt nyskapade konto: 

  • Gå till ”Preferences” och sedan ”Account”.
  • Tryck på ”Sign in” och skriv in dina inloggningsuppgifter. 
  • Tryck på ”Sign in” igen.

Skapa en plats på GitHub

Därefter är det dags att skapa någonting som kallas för repository. Repository kan översättas till förvaringsplats och det du skapar är den plats på GitHub där din Teknikjakt sedan kommer att ligga:

  • Gå till ”File” och sedan ”New repository”.
  • Döp den till det du vill kalla ditt projekt.
  • Du ska också välja licens. MIT-licens heter den vi har använt oss av, vilket är en öppen kod (det vill säga tillgänglig att använda, läsa, modifiera och vidaredistribuera för den som vill).

Du ska också välja en mapp, ”Local path”, där alla filer ska ligga som laddas upp:

  • Leta fram mappen där du har skapat din teknikjakt. Markera mappen, tryck på ”Öppna”.
  • Tryck sedan på ”Create repository”. Då skapar Github Desktop en ny mapp. 

Ladda upp dina filer

Gå till utforskaren och leta upp mappen. Du ska nu lägga alla filer i rätt mapp. Det har nu i Teknikjakten mall 4-mappen dykt upp en en ny mapp som du tidigare döpte ditt repository till. Flytta över alla Teknikjaktenfilerna så att de istället hamnar i den nya repositorymappen.

När du lagt dem där kan du stänga ner den rutan. Du ser om det blivit rätt genom att gå tillbaka till GitHub Desktop, då ska alla filerna dyka upp till vänster.

Sedan ska du fylla i en liten ruta där det står ”summary”. Det behövs för att man ska kunna veta vad det är för någonting som laddas upp:

  • Gör en beskrivning av temat på din jakt, exempelvis: ”Digital Escape Room”.
  • Tryck sedan på rutan under där det står ”Commit to main”.

Publicering

Nästa steg är att publicera

  1. När du är på huvudsidan till GitHub Desktop, tryck på ”Publish repository”.
  2. Det är viktigt att bocka ur bocken i rutan där det står ”Keep this code private”. Detta för att alla ska kunna surfa till ditt projekt.
  3. Tryck på ”Publish repository” och vänta en stund.
  4. När den jobbat färdigt går du tillbaka till webbläsaren där du loggade in på Github och laddar om sidan. Då borde ditt projekt dyka upp där.
  • Klicka på ditt projekt och gå till ”Settings” uppe till höger.
  • Skrolla ner på sidan, leta efter ”GitHub Pages” och sedan ”Source”.
  • Tryck på ”Branch:” och välj därefter ”Master” och sedan ”Save”.

Dags att testa!

Nu borde det vara helt klart för att testa för att se om den har laddats upp och fungerar som den ska:

  • Öppna en ny webbläsarflik.
  • Skriv in det användarnamn som du har på GitHub och därefter github.io och snedstreck det namn du valt till ditt projekt: dittanvändarnamn.github.io/namnetpådittprojekt

När du nu har kommit så här långt så vill vi säga: bra jobbat och lycka till!

Nu har du lärt dig vad som behövs för att komma igång med att göra ditt eget projekt utifrån Teknikjaktenmallen. Du har laddat ner en HTML-editor och laddat ner och packat upp mallen för Teknikjakten. Du har även lärt dig en del grundläggande HTML och använt detta för att skapa uppdrag i ditt projekt. Du har lärt dig hur man byter bakgrund och lägger in bilder i ditt projekt och avslutningsvis hur du laddar du upp ditt projekt på Github pages.
Nu återstår att testa att genomföra ditt projekt med besökare eller kollegor. Det ser vi fram mot att höra mer om. Lycka till! 

Kursproducenter:
Jon Fällström, IKT-pedagog på Umeå Stadsbibliotek och Johan Sundlöf, biblioteksutvecklare på Regionbibliotek Västerbotten.

Om du loggar in kan du spara dina framsteg och få personligt rekommenderade kurser.

Författare: Jon Fällström & Johan Sundlöf

Publicerad: 27 januari, 2021