Info-affisch om desinformation och fake news

F-L-I-C-C – Ny informationsaffisch om de vanligaste knepen vid desinformation.

Vare sig det handlar om coronaviruset, klimatförändringarna eller vaccinationers effektivitet, så är grundläggande vetenskapliga fakta ofta felaktiga i den politiska diskursen. I en informationsaffisch i storformat från Klimafakten.de förklaras de fem vanligaste strategierna som desinformationsmakarna använder sig av.

FLICC – Disinformation 101

I flera månader har det nya coronaviruset (Sars-cov-2) infekterat människor över hela världen med Covid-19. Men falska rapporter om pandemin sprids nästan lika fort. Tyvärr är det inte ovanligt att missledande information sprids, utan det sker även inom många andra vetenskapliga områden som t ex klimatförändringarna, vaccinationer, mobilstrålning eller hälsoeffekterna av rökning eller bilavgaser.

Vid sådana missledande rapporter används ofta samma trick om och om igen, oavsett vilket ämne det handlar om. T ex att pseudo-experter blandas med riktiga experter, konspirationsteorier sprids, eller så använder man s k cherry-picking vilket innebär att bara de data som passar och stöder den egna tesen används, samtidigt som man bortser från resten av en större mängd tillgänglig data som kanske visar på annat resultat.

Desinformation har nu fått ett namn: F-L-I-C-C

För att hjälpa allmänheten att förstå dessa desinformationstrick bättre, och känna igen dem i olika kampanjer, har klimafakten.de skapat en informationsaffisch i storformat. Baserat på många års arbete av John Cook, grundaren av partnerportalen SkepticalScience.com, och visualiserad av den Hamburg-baserade illustratören Marie-Pascale Gafinen, förklarar grafiken fem metoder vid spridning av desinformation: Fake experts (falska experter), Logical fallacies (logiska felbedömningar), Impossible expectations (omöjliga förväntningar), Cherry-picking (plocka russinen ur kakan), and Conspiracy theories (konspirationsteorier).
Affischens namn är en akronym som kommer från de första bokstäverna i dessa fem knep: FLICC.

Mer information om FLICC och informationsaffischen (på engelska) finns här ->>

Informationsaffischen finns elektroniskt tillgänglig i olika filformat för fri användning online eller för nedladdning och utskrift på papper.
I pdf format (ca. 1.3MB), i jpg format (ca 1MB) och i png format (ca 1MB). Som all information på klimafakten.de kan affischen distribueras och användas om källan nämns (CC BY-ND 4.0).

Simulering med Fusion 360

I följande instruktionsfilm av Lars Christensen får du lära dig hur du steg för steg gör en belastningssimulering i Fusion 360. I exemplet används en hyllkonsol i form av en L-vinkel, och din CAD-uppgift är att rita en liknande L-vinkel och sedan utföra samma typ av belastningssimulering som visas i instruktionsfilmen.
En viktig fördel med att använda 3D-CAD i sitt konstruktionsarbete är att man enkelt kan testa hur olika material och variation på designen påverkar en produkts hållfasthet, genom att simulera lasterna i datorn.

Simulation for Absolute Beginners — Fusion 360 — And Your Comments & Questions— #LarsLive 61 (41:16)

Här nedan har jag gjort en sammanställning av instruktionsfilmens olika steg för att du snabbt och enkelt ska kunna repetera och hitta de inställningar du behöver när det är dags för dig att göra dina egna simuleringar.
Kommentarerna gör det lättare att komma ihåg och förstå vad de olika delarna innebär.

Skapa en 3D-modell av hyllkonsolen.
För att ha något att simulera med så behöver du skapa en liknande hyllkonsol som i instruktionsfilmen.
Börja med att CAD:a en L-formad vinkel i valfri godstjocklek. Du gör alltså en 2D-sketch som du sedan extruderar till 3D.
Lägg till en rundad avfasning (chamfer) på undersidan av 90-gradersvinkeln.
Rita in två hål för skruvar för infästning mot väggen. Skruvhålen ska ha en infällning för skruvskallarna på ungefär halva godstjockleken på djupet och ungefär dubbla diametern i förhållande till hålens diameter.

3D-modell av en hyllkonsol

Olika typer av simulering i Fusion 360

Olika typer av simuleringsstudier i Fusion 360
  • Static Stress är den enklaste typen av simulering.
    Det handlar om att applicera en last på någonting. Det kan t ex vara att sätta en vikt på ett hyllplan, slå till en yta med en hammare (impact) eller en belastning som trycker på en balk. Det fungerar på t ex metall, men inte för mjuka material som gummi eller plast. Dessa behöver NonLinear Static Stress.
  • Modal Frequencies används för att simulera vibrationer och dess frekvenser som t ex kan ge upphov till buller och förslitningsskador på lager vid obalans för roterande delar som fläktar, axlar och hjul. 
  • Med en Thermal Study kan du simulera vad som händer med materialen när de utsätts för värme.
  • En Thermal Stress Study simulerar vad som händer med komponenterna när de utsätts för både värme och strukturell mekanisk belastning.
  • En Structural Buckling Study simulerar hur komponenterna deformeras och böjs vid belastning (de går inte av eller bryts sönder).
  • Nonlinear Static Stress är ett kraftfullt simuleringsverktyg som bl a kan användas för plaster och gummi där belastningen och materialens påverkan varierar över ytan och även över tid.
  • Event simulation handlar om att se hur ett material eller konstruktion påverkas över tid och efter multipla belastningscykler. Man kan simulera hur många gånger en mekanisk rörelse kommer fungera innan materialet utmattats och går sönder.
  • Shape Optimization är ett simuleringsverktyg som automatiskt kan designa en komponent eller konstruktion efter vissa kriterier. Om du t ex specificerar vilka krafter som konstruktionen ska tåla så ritar Shape Optimization-verktyget upp hur delen ska konstrueras beträffande godstjocklek etc.

Sammanfattning av de olika stegen för att göra en statisk simulering

  1. Välj simuleringstyp (Static Stress)
  2. Lägg till en mesh till din modell/konstruktion/part
  3. Ställ in så att du har fler är två trianglar på höjden av sidan på den delen som du ska belasta.
  4. Definiera vilka constraints du vill ha. I detta fall Fixed i förhållande till den del av din modell som kommer hållas på plats av skruvar mot väggen.
  5. Lägg till en last (Force), definiera vilken yta/plan som ska belastas, kraftens riktning, storlek och enhet.
  6. Sedan kan du köra igång din Simulation Study.

Här är en Google presentation med skärmdumpar och steg-för-steg-instruktioner från instruktionsfilmen med kommentarer på svenska.

Google presentation med skärmdumpar med steg-för-steg-instruktioner från instruktionsfilmen med kommentarer på svenska

Design-uppgift “Munskydd I Care 4 You”

Design-uppgift: Skapa skisser på design av munskydd till allmänheten för att motverka coronaspridningen i samhället.

Snyggare än så här borde man väl kunna göra ett munskydd?

Nästan hela världens befolkning sitter i karantän på grund av coronapandemin. Eftersom det ännu inte finns något vaccin eller botemedel mot covid-19 så har nästan hela världens befolkning uppmanats till social distansering. Man behöver undvika fysiska kontakter med andra människor för att minska smittspridningen av coronaviruset.

Din uppgift idag är att designa ett munskydd som man kan använda för att minska risken att smitta andra i sin omgivning, om man själv redan bär på viruset. Munskyddet behöver alltså inte skydda dig som bär det från att andas in virus från andra, utan syftet är att begränsa spridningen av eventuella droppar med virus från din mun när du andas, pratar, nyser eller hostar. Det finns redan många olika varianter av munskydd på marknaden, med de flesta är ganska tråkiga rent utseendemässigt. Det ska du ändra på nu!

Det är alltså det estetiska uttrycket som är i fokus idag.
Hur kan du designa munskyddet så att så många som möjligt i din valda målgrupp verkligen kommer använda munskyddet i de sammanhang där de träffar andra människor? Om alla bär munskydd på bussen, i mataffären, på jobbet eller i skolan så kan man kanske lätta upp kraven på social distansering lite.

Tips:

Gör flera skisser, gärna många! Testa olika idéer genom att rita, skissa och färglägg med olika färger och olika mönster. Tänk och prova dig fram genom att skissa. 

Jobba hellre snabbt med många olika designförslag istället för att lägga tid på detaljer.

Använd enkla grundformer till att börja med. Det är inte den fysiska formen på munskyddet som är huvudfokus i dagens uppgift.

Vilka känslor vill du att designen av ditt munskydd ska signalera? Ska det vara roligt, coolt, snyggt, knasigt, gulligt, lyxigt eller något annat?

Designkriterier: 

  • Enkel att tillverka
  • Billig att tillverka
  • Miljövänligt material
  • Ska minska smittspridningen av coronaviruset från den som bär munskyddet (droppsmitta med visst aerosolt inslag).
  • Snygg och tilltalande design för den valda målgruppen.
  • Gärna återanvändbar.

Detta ska ditt designprojekt innehålla:

  1. Välj målgrupp. Börja med en målgrupp men du kan göra designförslag till flera målgrupper om du vill och hinner. T ex privatpersoner, butikspersonal, busschaufförer, lärare, vuxna, pensionärer, ungdomar, barn, killar, tjejer.
  2. Minst tre designförslag i form av skisser på hur produkten ska se ut och gärna även funktionsskisser eller illustrationer som visar när det används. Du kan rita och skissa för hand på papper med penna eller på datorn med valfritt program. Motivera gärna ditt val av skissverktyg och metod.
  3. Produktbeskrivning som innehåller information om tänkt målgrupp, vilka behov munskyddet tillgodoser, hur och i vilka situationer det ska användas, produktegenskaper, vilket/vilka material det är tillverkat av och varför en användare skulle välja just din produkt istället för någon liknande produkt på marknaden (vilken är din produkts USP – Unique Selling Point). Produktbeskrivningen kan vara i ren text, som en broschyr eller Powerpoint.

Extramaterial och bakgrundsfakta gällande munskydd, andningsmasker och hur coronavirus sprids.

Lex Fridman berättar om andningsmaskers effekt på virusspridning

A video discussing latest research on masks (cloth, surgical, N95) and how they help in various transmission modes (aerosol, droplet) for source control and as PPE.

Slides for this video: https://bit.ly/2yCj5U3

References sheet: https://bit.ly/covid-transmission

OUTLINE:
0:00 – Overview
3:05 – Modes of transmission
11:03 – Do masks work?
14:42 – Takeaways KEY CITATIONS:

https://www.nature.com/articles/s4159… Respiratory virus shedding in exhaled breath and efficacy of face masks

https://bit.ly/3aMTkyr Testing the Efficacy of Homemade Masks: Would They Protect in an Influenza Pandemic?

Dr. John Campbell förklarar hur coronavirus kan spridas och varför man behöver använda munskydd.

Det råder stor brist på andningsmasker i världen

En artikel om hur svårt det är att tillverka skyddsmasker för sjukvården: COVID-19 Has Caused A Shortage Of Face Masks. But They’re Surprisingly Hard To Make March 16, 2020

Project CAROLA är ett opensource-projekt som går ut på att designa och konstruera en skalbar containerfabrik för skyddsmasktillverkning. Läs mer om projektet här: https://wikifactory.com/+carola/project-carola-alpha


Här länge är man sjuk om man drabbas av covid-19? Hur länge kan man smitta andra?
From Infection to Recovery: How Long It Lasts
Covid-19’s duration varies widely depending on severity, but now we know the rough range

Den som blir infekterad av coronaviruset och får covid-19 kan vara sjuk mellan 3 till 10 veckor. En del blir väldigt sjuka och ett fåtal kan till och med dö. De flesta får endast milda symtom men även personer som inte ens känner att de är sjuka kan sprida viruset och smitta andra.

Information om coronaviruset och covid-19 från Folkhälsomyndigheten:

https://www.folkhalsomyndigheten.se/smittskydd-beredskap/utbrott/aktuella-utbrott/covid-19/fragor-och-svar/
Vad gäller för användning av munskydd utanför vården?
Svar (uppdaterad: 2020-03-26 15:14): Munskydd behövs inte i vanliga situationer ute i samhället, då är det bättre att hålla avstånd till andra människor och att vara noga med att tvätta händerna.

Läs mer om hur du skyddar dig själv och andra från smittspridning.

Skapa 3D-stämpel i Fusion 360

Dagens lektionsuppgift är att skapa en namnstämpel i Fusion 360 som sedan ska 3D-printas.
Din stämpel kommer användas senare i konstruktionskursen till en gjutning, men du kan givetvis även använda den för att stämpla ditt namn eller en annan text på valfria papper eller saker.

Denna instruktionsfilm i Fusion 360 är en handledning med steg-för-steg-instruktioner för hur du skapar en egen anpassningsbar och 3D-utskrivbar stämpel i Fusion 360.
I instruktionsfilmen används det helt nya användargränssnittet i den uppdaterade versionen 2020 Fusion 360.

Här är 6 tips:

1. Spara din nya fil direkt! Döp filen till “Stämpel DittFörnamn_Efternamn_TE18DP”
2. Skapa nya ”komponenter” (components) för varje del.
3. Håll skisser så enkla som möjligt.
4. Använd konstruktionslinjer.
5. Var kreativ och prova saker. Du kan alltid ångra och gå tillbaka om det blir fel.
6. Spara gärna olika versioner av din design om du vill testa saker.

I slutet av dagens lektionspass ska du ha en egen färdig 3D-modellerad stämpel.

Jag finns tillgänglig för att svara på frågor under förmiddagen men jag har även handledningstid idag 12.30-15.30. Det går bra att använda TEAMS-chatten. Anton har handledningstid för er 14.30-15.30. Kristina har handledningstid i bild 14.00-16.00.

Inlämning och närvaroregistrering

OBS! Senast 08.45 bekräftar du att du har läst och förstått instruktionerna för vad du ska göra idag genom att lägga in ett nytt inlägg i TEAMS TISHEL TE18DP-Niclas Allmänt. Skriv bara “Jag har läst och vet vad jag ska göra”. Om du inte förstår vad du ska jobba med eller behöver hjälp med något för att komma igång så skriver du det istället. Inlämning av dagens lektionsuppgift sker genom att du dels tar en skärmdump på din stämpel i Fusion 360 och klistrar in den i din loggbok för CAD.
Skapa även en publik länk (Share Public LInk) till stämpel-filen i Fusion 360 och klistra in länken i din loggbok för CAD (se skärmdumpar nedan)..
Skicka in länken till mig som ett inlägg i Allmänt-kanalen i TEAMS TISHEL TE18DP-Niclas.

Jag kollar sedan av att du skapat din stämpel och registrerar närvaro efter det att jag sett att du gjort lektionsuppgiften.

Tidskoder i instruktionsfilmen: 

1:30 | Skapa en ny projektmapp
3:00 | Skapa en ny komponent
5:16 | Skissa den återanvändbara stämpelplattan
8:01 | Extrudera den återanvändbara stämpelplattan
9:49 | Infoga din anpassade SVG-logotyp
13:37 | Skapa handtagskomponenten
16:50 | Projicera handtaget
19:07 | Skapa offset (tolerans)
21:30 | Extrudera handtagsdelen
23:09 | Skapa toppen av handtaget
26:37 | Lägg till “fillets” till handtaget
28:37 | Exportera för 3D-utskrift


OBS!
För att lägga in din egna text på din stämpel kan du använda text-verktyget i Fusion 360 istället för att infoga SVG-logotypen som i instruktionsfilmen.
Se detta denna instruktion för mer hjälp:

Responsiv Webbdesign

Responsiv webbdesign (engelska Responsive Web DesignRWD) innebär webbdesign som tillåter layouten att förändras beroende på vilken skärmstorlek och skärmupplösning som besökaren har, och beroende på vilka funktioner som webbläsaren stödjer. Antal kolumner och bilder kan anpassas automatiskt, och bilder skalas om beroende på främst fönsterbredden. Det innebär att besökare kan se samma webbplats från exempelvis en mobiltelefon, en läs/surfplatta eller en persondator utan att behöva scrolla och zooma så mycket som hade krävts vid traditionell webbdesign.

Responsiv webbdesign är ett alternativ till att designa olika versioner av webbplatsen för olika skärmupplösningar, exempelvis en desktopversion kallad http://www.… och en mobilversion kallad http://m.… . Responsiv webbdesign bygger bland annat på att webbutvecklare anger sidelementens storlekar i procent relativt skärmens storlek istället för absoluta storlekar mätt i pixlar eller em (det vill säga bredden av en punkt)

Läs mer om responsiv webbdesign på följande länk (engelska): https://www.w3schools.com/html/html_responsive.asp

Här nedan är två bra filmer om CSS grid som visar tips på hur man kan skapa responsiva webbsidor. Kanalen heter Fireship och har även en hemsida på fireship.io.

CSS Grid in 100 Seconds 1:51
The Joy of CSS Grid – Build 3 Beautifully Simple Responsive Layouts 11:36

Mål för lektionen: Lär dig vad responsiv webbdesign är och hur man kan skapa responsiva webbsidor.

Det finns fler olika lösningar vi kan använda för att skapa responsiva webbsidor.
Dels kan vi anpassa vår HTML-kod och de attribut vi använder så att webbsidan blir responsiv men det går även att använda CSS, JavaScript eller något responsivt framework.

Uppgifter:

  1. Se de två filmerna om responsiv webbdesign med CSS Grid ovan.
  2. Läs mer om responsiv webbdesign på följande länk och testa exemplen (engelska): https://www.w3schools.com/html/html_responsive.asp
  3. Svara på frågorna 1-6 nedan.
  4. Skapa en webbsida som är responsiv med minst tre separata stycken med text i flera rader som ligger i varsin div horisontellt (vid full bredd på webbläsarfönstret), en tabell med tabellrubriker i fetstil och fyra kolumner och tre rader, samt några bilder i olika storlekar (en bild som är 1024 pixlar bred och de andra kan vara lite mindre men minst 640 pixlar bred). Gör så att två av bilderna byts om webbläsarfönstrets storlek förminskas eller förstoras (gränsen 600 pixlars bredd).
    Skriv koden i VS Code.
  5. Testa din webbsida i olika storlekar på webbläsaren och visa Niclas att det funkar när du anser att du har fått funktionerna enligt uppgiften ovan.
  6. Kopiera in din färdiga kod i din loggbok för kursen Webbutveckling 1.

Frågor att svara på:

  1. Ge exempel på HTML-kod för att göra bilder responsiva.
  2. Vad är viewport?
  3. Ge exempel på HTML-kod för att skapa responsiv textstorlek.
  4. Ge exempel på HTML-kod för att visa olika bildfiler beroende på webbläsarfönstrets storlek (bredd).
  5. Vad är Media Queries?
  6. Skriv minst tre exempel på frameworks för responsiva webbsidor.

Uppdaterad: 2020-09-22

Bodies och Components i Fusion 360

Components are the building blocks that make up assemblies, and a body is one of the elements that make up a component. Each component contains one or more bodies, as well as its own set of origin planes, sketches, construction geometry, joints, and other elements.

I följande tutorial förklarar och visar Lars Cristensen skillnaderna mellan Bodies och Components i Fusion 360.

Skapa 3D CAD-ritning i Fusion 360 från 2D-ritningar

Om du vill skapa en 3D CAD-ritning i Fusion 360 av ett objekt som du redan har en 2D-ritning i flera vyer av, så kan du infoga ritningsvyerna som bildobjekt på respektive plan (horisontell och vertikal i det som kallas TOP, FRONT, RIGHT och LEFT). Ritningsvyn framifrån lägger du in på FRONT, ritningsvyn ovanifrån lägger du in på TOP och ritningsvyerna från sidorna lägger du in på respektive sida. Skapa en ny Sketch för varje vy.

Du väljer verktyget Insert –> Canvas, och väljer sedan vilken bild du vill använda till det plan du valt för aktuell Sketch.
Kalibrera bilden mot din canvas så att ett visst mått på ritningen (bilden) motsvarar samma dimension i CAD-ritningen.
Du högerklickar på bilden under Canvas och väljer Calibrate.

I följande filmklipp visar Lars Christensen hur man man kan modellera upp ett 3D-objekt i Fusion 360 från 2D-ritningar i flera vyer från ett pdf-dokument.

Näringslivsprojekt för TE18IM

Företaget “Getillsammans” https://www.getillsammans.se/ erbjuder ett näringslivsuppdrag för två elever som vill vara med och utveckla deras webbtjänst från att bara vara ett planeringsverktyg för barnkalas till att även kunna planera t ex studentfester.
GeTillsammans har nyligen lanserat ett digitalt verktyg för födelsedagsbarn, studenter, osv. Genom sin tjänst kan man skapa en digital inbjudan där man önskar sig en större och bättre present som familj och vänner lägger ihop till.

De vill ha en eller två elever som jobbar hos dem en dag i veckan, på onsdagar.
Det handlar om HTML, JavaScript och CSS. Även UX och UI design. De använder WordPress så det handlar bl a om att göra om mallar/Wordpress-teman.

Kompetensbehov

GeTillsammans är en webbaserad tjänst i huvudsak byggd på ett antal standardkomponenter för att på ett så effektiv sätt som möjligt komma fram till en välfungerande produkt med minimalt antal resurser (1 systemutvecklare).

Detta är nu gjort och GeTillsammans är idag i produktion och har hundratals användare redan. Men resan har bara börjat och det krävs ständigt tillägg och förbättringar och anpassningar till nya tekniker vilket så småningom kräver ett större team. Som ett första steg i det söker vi därför personer med teknisk kompetens (se teknisk beskrivning av systemet nedan) men även med kompetens inom interaktionsdesign och UX. En viktig del av arbetet med GeTillsammans har varit att göra systemet så enkelt att använda som möjligt och detta vill vi fortsätta prioritera. Vi ser därför gärna att det är två personer som kan samarbeta vad gäller design, implementation och testning. De bör vara självgående men kommer förstås få handledning till att lösa detaljerade uppgifter som har tydliga mål.

GeTillsammans-systemet består av många delar varav en del är någorlunda isolerade från resten av systemet och därför kan vara bra kandidater för förbättring/uppdatering. Det finns också behov av några nya funktioner som kräver mer egen research för att lösa om intresse finns för lite mer omfattande uppgifter.

Teknisk beskrivning av systemet GeTillsammans

Exempel på existerande delar i systemet är användarregistrering, skapa/redigera inbjudan, inbjudan, gästlistan, skicka påminnelser (epost/SMS), Swishintegrering, geografisk positionshantering mm.

I botten är systemet GeTillsammans byggt på WordPress som sedan har expanderas med diverse moduler som ibland anpassats.

Eftersom WordPress bygger på HTML, CSS, PHP och Javascript är det också i huvudsak dessa språk som används både i front- och backend.

I grunden är GeTillsammans ett enkelt system med webbaserade formulär för inmatningar och olika typer av vyer för att presentera data. Vi använder till största delen verktygen Toolset och Gravity Forms för detta. Att förbättra funktioner är ofta en kombination av att använda wordpress-baserade verktyg, design av utseende och UX samt funktionalitet som behöver programmeras. Logiken i den programmering som finns är förhållandevis enkel och svårigheten ligger snarare i att hantera blandningen av de olika programmeringsspråken.

Vi arbetar idag alltid med en produktionssajt och en utveckling/stagingsajt där vi testar alla ändringar först.

Om du är intresserad av att vara med och jobba med detta projekt på onsdagar så anmäler du ditt intresse till Niclas via e-post.