Frågor att svara på under dagens två lektionspass: 1. Vad är React.js? 2. Vad är React Native? 3. Varför ska man använda dem och i vilken situation använder man React Native istället för React.js? 4. Vad är ett JavaScript Bibliotek (library)? 5. Vad är ett JavaScript Ramverk (Framework)? 6. Vad är skillnaden mellan ett bibliotek och ett ramverk? Läs t ex Libraries vs Frameworks: https://medium.com/datafire-io/libraries-vs-frameworks-626cdde799a7 7. Vad menas med uttrycket “Vanilla JavaScript”? 8. Vad är npm och vad används det till? 9. Vad är Expo och varför kan det vara bra att använda det när du ska utveckla en mobilapp? 10. Ge exempel på en mobilapp som du skulle vilja lära dig att utveckla. Vad skulle den ha för funktion och varför skulle du vilja utveckla den?
I denna blenderhandledning skapar vi en inre scen i ett rum från början till slut. Vi börjar först med att modellera rummets dimensioner och skära ett hål för ett fönster. Efter det gör vi alla 3D-modeller för att fylla rummet med inredning. Slutligen skapar vi material och gör lite belysning. Efter att ha gjort bilden flyttar vi till postbehandlingen för att skapa en fotorealistiskt renderad scen.
I nästa tutorial får du lära dig hur man skapar en ännu mera fotorealistisk scen av ett sovrum.
React Native låter dig bygga mobilappar med bara JavaScript. Den använder samma design som React, så att du kan komponera ett riktigt mobilt användargränssnitt från deklarativa komponenter.
import React, { Component } from 'react';
import { Text, View } from 'react-native';
class WhyReactNativeIsSoGreat extends Component {
render() {
return (
<View>
<Text>
If you like React on the web, you'll like React Native.
</Text>
<Text>
You just use native components like 'View' and 'Text',
instead of web components like 'div' and 'span'.
</Text>
</View>
);
}
}
En React Native-app är en riktig mobilapp
Med React Native bygger du inte en ”mobil webbapp”, en ”HTML5-app” eller en ”hybrid-app”. Du bygger en riktig mobilapp som inte kan skiljas från en app byggd med Objekt-C eller Java. React Native använder samma grundläggande UI-byggstenar som vanliga iOS- och Android-appar. Du sätter bara ihop de byggstenarna med JavaScript och React.
import React, { Component } from 'react';
import { Image, ScrollView, Text } from 'react-native';
class AwkwardScrollingImageWithText extends Component {
render() {
return (
<ScrollView>
<Image
source={{uri: 'https://i.chzbgr.com/full/7345954048/h7E2C65F9/'}}
style={{width: 320, height:180}}
/>
<Text>
On iOS, a React Native ScrollView uses a native UIScrollView.
On Android, it uses a native ScrollView.
On iOS, a React Native Image uses a native UIImageView.
On Android, it uses a native ImageView.
React Native wraps the fundamental native components, giving you
the performance of a native app, plus the clean design of React.
</Text>
</ScrollView>
);
}
}
Slösa inte tid med att kompilera om
Med React Native kan du bygga din app snabbare. Istället för att kompilera om kan du ladda om din app direkt. Med Hot Reloading kan du till och med köra ny kod medan du behåller ditt applikationsläge.
Använd ”native code” när du behöver
React Native kombineras smidigt med komponenter skrivna i Objekt-C, Java eller Swift. Det är enkelt att lägga in direkt körbar kod (anpassad för det specifika operativsystemet och hårdvaran) om du behöver optimera några aspekter av din applikation. Det är också lätt att bygga en del av din app i React Native och en annan del av din app med direkt körbar kod – det är så Facebook-appen fungerar.
import React, { Component } from 'react';
import { Text, View } from 'react-native';
import { TheGreatestComponentInTheWorld } from './your-native-code';
class SomethingFast extends Component {
render() {
return (
<View>
<TheGreatestComponentInTheWorld />
<Text>
TheGreatestComponentInTheWorld could use native Objective-C,
Java, or Swift - the product development process is the same.
</Text>
</View>
);
}
}
Ett tips är att använda Expo som utvecklingsmiljö. Det är det snabbaste sättet att bygga en riktigt bra app med tillgång till enhetens funktioner som kamera, plats, aviseringar, sensorer, haptik och mycket mer, allt med universella API: er. Här är en lista på tutorials och exempelkod för olika appar med React Native och Expo från Expos blog:
A list of the examples and tutorials published on the Expo blog (last updated January 09, 2019).
Thanks to our talented and prolific developer community, we’ve been able to highlight a bunch of great examples and tutorials on our Expo blog. Here’s a running collection, grouped by type.
13 recipes from building four React Native apps with Expo, including: ◦ Geolocation nearby search in React Native ◦ Uploading assets directly from React Native to Firebase Storage ◦ “I just need a button”, handling common user interactions ◦ Straightforward Animated ◦ Using your own custom vector icons ◦ Analytics, crashlytics and ads ◦ Do your self a favor, aggregate third-party packages ◦ Coloring Lottie animations ◦ Geolocation permissions, the cross-platform way ◦ Smooth animations with setNativeProps where appropriate ◦ RTL layouts without I18nManager ◦ Fixing strange paddings in view layouts ◦ infoPlist your permissions (your app will be rejected otherwise)
Alla delar av samhället påverkas av den energiomställning som behövs för att möta klimatutmaningen. På många områden behövs ny kunskap, kompetens och nya lösningar som dessutom måste slå igenom snabbare än i dag. Energimyndigheten meddelar att vi behöver satsa mer på forskning och innovation.
Omställningen till ett mer hållbart samhälle kan inte vänta. Vi behöver agera på bred front nu! Följande sju nyckellösningar är direkt avgörande för omställningen:
Digital transformation
Elektrifiering
Energilagring
Negativa utsläpp
Cirkulära flöden
Nyckellösningar som handlar om ekonomiska och sociala hållbarhetsfrågor
och hur människors agerande kan underlättas för att nå hållbara samhällen.
Detta framgår av Energimyndighetens underlag till energiforskningspropositionen som lämnades till regeringen i slutet av 2019.
Forskning och innovation är avgörande för energiomställningen
Regeringen har satt upp tydliga mål om att Sverige ska vara ett ledande forsknings- och innovationsland. Vi ska dessutom bli världens första fossilfria välfärdssamhälle. Det är ett djärvt mål, och Energimyndigheten konstaterar att vi måste satsa mycket mer på forskning och innovation för att lyckas med den energiomställning och samhällsomställning som krävs för att nå regeringens mål.
– Vi behöver insatser som möjliggör systemlösningar inom hela energiområdet och i samhället i stort, som ökar nyttiggörandet av innovativa hållbara lösningar och som gör det enklare att som enskild individ kunna göra hållbara val på alla plan. Energiomställningen rör inte bara teknik utan lika mycket ekonomiska och sociala aspekter. Här är Energimyndighetens arbete med forskning och innovation många gånger direkt avgörande, säger Energimyndighetens generaldirektör Robert Andrén i ett pressmeddelande.
Energimyndigheten föreslår därför en kraftfull satsning på forskning och innovation med en ökning av anslaget för energiforskning från 1,57 miljarder kronor per år 2020 till 2,17 miljarder kronor per år 2024.
Satsningar på forskning och innovation behövs inom framför allt sex samhällsområden, där omställningen måste gå snabbare. Det handlar om:
Förnybar el
Bioenergi
Industri
Transport
Bebyggelse
Energisystemet i samhället.
Olika stöd kombineras för att nya lösningar ska nå ut snabbt
Energimyndigheten har helhetsansvar för energiomställningen i Sverige och använder en bred palett av verktyg. Det innebär att stöd till forskning och innovation kombineras med insatser för affärsutveckling och internationell lansering.
För att innovationer snabbare ska komma ut i samhället vill Energimyndigheten;
öka stödet till pilot och systemdemonstration av lösningar
främja innovationsprocessen från forskning till marknad
hjälpa företag att nå investerare och en global marknad.
Sverige kan inspirera världen till hållbar utveckling genom att vara en föregångare i energiomställningen. De svenska innovationerna kan bidra till global nytta genom export av produkter, tjänster och lösningar.
Drönaren Ryze Tello powered by DJI är kul att flyga som den är. Men den erbjuder även en möjlighet att programmeras med Python för att utöka sina funktioner med t ex datorseende (Computer Vision).
I filmklippet ”Tello drone and computer vision: selfie air stick”, av geaxgx1, får du se flera intressanta exempel på hur man kan låta Tello följa och styras av vad den ser med sin kamera genom Pythonkod och OpenCV. Exempelkod på hur man gör ansiktsigenkänning, kroppspositionsdetektering m.m finns i länkarna nedan.
I want to thank all the people who wrote and shared the great libraries/programs I used here : – https://github.com/hanyazou/TelloPy : DJI Tello drone controller python package, – https://github.com/CMU-Perceptual-Com… : Real-time multi-person keypoint detection library for body, face, hands, and foot estimation. This is an amazing library! – https://github.com/Ubotica/telloCV/ : Ubotica wrote a code for the Tello to follow a color ball. Instead of starting from scratch, I used his code. It makes me saved a lot of time for UI!
TELLO har fått en ny app som ger den helt nya funktioner!
Den här nya appen från VOLATELLO ger nytt liv åt den gamla lilla drönaren. Appen hittar du i Google Play butiken: https://play.google.com/store/apps/de… Se filmklippet nedan från Captain Drone för mer information om de nya funktionerna ”Return to home”, ”Object tracking”, ”Panorama” och hur appen fungerar.
Blender 2.8 Facial motion capture tutorial In this blender 2.8 tutorial by CGMatter we go over how we can use blender as a free facial motion capture solution. Track facial performance using just tracking markers and blender!
In this blender 2.8 tutorial, by CGMatter (https://www.cgmatter.com), we go over the fundamentals of motion tracking inside blender. Specifically we go over image sequence conversion and the motion models (location, rotation, scale, affine, perspective) used for tracking. This is the first part of a 3 part tutorial series covering everything to do with motion tracking. TIMESTAMPS: 00:00:00 – Introduction 00:01:18 – What is motion tracking? 00:01:55 -Image sequences (theory + conversion) 00:08:33 – Switching to movie clip editor 00:10:05 – Setting up 00:11:46 – Location tracking (and some basics) 00:16:43 – Tracking panel (track speed, frames limit, etc) 00:19:16 – Search area and pattern area (optimization) 00:22:20 – Default settings vs local settings 00:23:03 – Modifying the pattern area 00:24:33 – Graphs (how to interpret X and Y data) 00:26:10 – Link empty to track 00:27:33 – Basic 3d integration 00:28:37 – Location rotation motion model (+ comparing to location model) 00:33:10 – What a tracker really stores 00:33:58 – 2 point tracking (for rotation/scaling data) 00:39:20 – Normalize 00:42:16 – Location rotation scale motion model 00:46:17 – Previous frame vs keyframe (match mode) 00:48:47 – Correlation (with a small mistake :D) 00:53:03 – Affine motion model 01:00:19 – Perspective motion model 01:13:03 – RGB color channels 01:15:10 – Closing thoughts + sneak-peek
Blender 2.8 Motion tracking #2: Even more to go over (tutorial)
In this blender 2.8 tutorial we continue developing the theory of motion tracking by going over techniques like join tracks and offset tracking. We also talk about applications like masking, plane tracks, stabilization, and compositing. TIMESTAMPS: 00:00:00 – Introduction (what we’ll go over) 00:01:11 – Setup 00:02:35 – Obstructions (join tracks) 00:08:23 – Offset tracking 00:14:52 – Stabilization (lot’s of stuff in here) – multiple trackers – stab weight – rotation/scale 00:23:21 – Color coding 00:24:36 – More stabilization – autoscale – anchor frame 00:26:51 – Compositing (stabilize 2d node) 00:32:32 – Rendering stabilized result 00:35:23 – Plane track 00:42:30 – Compositing (plane track deform node) – masking – dilate/erode node 00:49:44 – Manual hook approach 00:57:12 – Masking 01:00:16 – Mask node (compositing) 01:01:37 – Overview + sneak-peek
Blender 2.8 Motion tracking #3: Camera tracking in depth (tutorial)
In this blender 2.8 tutorial we finally go over camera tracking and the theory involved in reducing your solve error. We also talk about orientation and compositing which lets us put 3d objects in our scene.
Blender 2.8 Motion tracking #4: Camera tracking examples (tutorial)
In this blender 2.8 tutorial we review what we’ve learned about camera tracking. Specifically we try to get a good camera solve on two new shots one of which is a tripod shot.
DJI Spark är riktigt intressant liten drönare, fullpackad med avancerad teknik och smarta funktioner. Den är liten nog för att startas från din handflata, kan styras av dina handrörelser och känna igen ditt ansikte och andra objekt som den kan följa, fotografera och filma. Drönaren är utrustad med en kamera med 1/2.3” sensor som spelar in Full HD 1080p videos vid 30 fps eller 12 MP stillbilder med en exceptionell bildkvalitet vid både fotografering och videoinspelning.
Produktegenskaper
Spela in video i Full HD 1080p
Upp till 2km räckvidd
Hastighet upp till 50km/h
16 minuters flygtid på en laddning
2-axlad gimbal
12 Megapixels stillbilder
Följ objektet.
Med ActiveTrack så känner Spark automatiskt av objektets rörelser och riktning och följer objektet med kameran. Man kan även välja att cirkulera med Spark eller att Spark följer med objektets.
Fånga dina ögonblick.
Du kan ge kommandon till Spark med hjälp av enkla handrörelser som att ta en selfie eller så kan du vinka till Spark för att den ska flyga upp en bit ifrån dig eller vinka tillbaka den.
Skakningsfria bilder och video.
Sparks 2-axlade gimbal ger dig en mjuk och följsam video och bilder utan skakningsoskärpa.
Fånga världen
Sparks bilder håller hög kvalité tack vare de skarpa linserna och bländaröppning på f/2.6 och tack vara en vidvinkellins på 25 mm (135mm formatet) så är det lätt att fånga det du vill.
Hastighet och precision
Med sin aerodynamik. Lätta vikt och slimma design kan Spark flyga genom lyften med minimalt luftmotstånd. Kameran och gimbal sitter väl skyddat för att få den bästa stabiliseringen som är möjlig. Tack vare kraften och propellrarna klarar Spark av att stå emot starka vindar och du kan flyga u hastigheter upp till 50km/h i sportläget.
Bekymmersfri flygning
Som alla de senaste DJI drönarna har även Spark möjlighet att återvända hem när batterier börjar blå svagt eller om den tappar kontakt. Spark flyger tillbaka till den förutbestämda plats du bestämt samtidigt som den känner av om det finns hinder på vägen. Den nedåtriktade kameran fångar för att känna igen sig när den återvänder hem.
Flyg smartare
DJI’s GEO-system låter dig veta om din drönare eventuellt befinner dig i närheten av flygsäkra områden för att du bekymmerfritt ska kunna flyga din drönare på ett säkert sätt.
Rekommenderade inställningar om du vill flyga DJI Spark inomhus.
In this clip I provide a complete guide to using, storing and charging your DJI Spark batteries. I provide a lot of useful information to help you get the longest flight times possible from your cells and help you understand how you can extend their useful life. Time Codes: 04:53 – Overview & Specifications 10:00 – Good & Bad Things 20:10 – LED Codes 24:10 – Temperature Guidelines 28:18 – Tips & Tricks 35:08 – DJI Go4 Battery Overview 39:00 – Interesting Bits 45:47 – Accessories Drone Valley Website – www.dronevalley.com
På denna sida hittar du en lista på de drönare IKT-Labbet har för användning i undervisning. För mer information gällande respektive modell finns länkar till andra sidor eller så är det bara att Googla eller söka efter informationsfilmer på Youtube.
DJI Spark
DJI Spark drönare är liten nog för att startas från din handflata och levererar en exceptionell bild och videoinspelning. Drönaren är utrustad med en kamera med 1/2.3” sensor som spelar in Full HD 1080p videos vid 30 fps eller 12 MP stillbilder.
Produktegenskaper
Spela in video i Full HD 1080p
Upp till 2km räckvidd
Hastighet upp till 50km/h
16 minuters flygtid på en laddning
2-axlad gimbal
12 Megapixels stillbilder
Ryze Tello Powered By Dji Drönare
Lättflugen drönare med kamera
Styrs direkt med mobilen
Kan programmeras
Gör tricks i luften
Självstabiliserande och lättflugen nybörjardrönare. Styrs på mobilskärmen med Ryze-appen där också bilden från drönaren visas. Kan användas med trådlös handkontroll, starta och landa i handen och har sensorer för kollisionsfri flygning.
Plast har blivit ett allt vanligare material sedan det dök upp på marknaden för drygt 60 år sedan. Plaster kan delas in i ca 45 olika plastfamiljer och inom varje familj finns det hundratals varianter där små molekylära ändringar ger de olika plasterna varierande materialegenskaper. Det finns flera typer av plast som är vanliga i vardagsprodukter vi har omkring oss. Här berättar vi om de vanligaste platstyperna och hur de brukar användas.
Det två huvudgrupperna bland de många olika plastmaterialen är härdplast och termoplast. Härdplastär plast som inte kan smältas ned eller formas om efter att den har tillverkats. Ofta använder man härdplast tillsammans med glas- eller kolfiber för större konstruktioner, såsom båtar eller segelflygplan.
Termoplast kan, till skillnad från härdplast, både smältas ned och formas om efter tillverkning. Termoplast är vanligare och några exempel på produkter av termoplast är plastpåsar, plastflaskor, glasögonbågar och mobilskal.
Polyeten (PE)
Polyeten är den vanligaste termoplasten och används framför allt i produkter som köksredskap, leksaker, rör, kablar, plastpåsar, plastfolie och flaskor. Polyeten används ofta för att det är billigt att tillverka. Polyeten är elastiskt och absorberar inte vatten samt har goda mekaniska egenskaper samt tål kontakt med många olika ämnen.
Polyeten kan ibland innehålla färgämnen och i vissa fall flamskyddsmedel vid användningar med risk för brand i till exempel kabelisolering.
Polypropen (PP)
Polypropen är en termoplast som används i produkter som matbehållare, förpackningar, leksaker, möbler och textilier. Kännetecknande för polypropen är att det är slitstarkt, genomskinligt samt tål kemiska påfrestningar, till exempel att sura livsmedel ligger länge i en förpackning.
Polypropen kan ibland innehålla färgämnen, antioxidanter och i vissa fall flamskyddsmedel vid användningar med risk för brand.
Polystyren är en vanlig och billig termoplast som förekommer i många olika typer av plastprodukter. Vanliga exempel är livsmedelsförpackningar, plastbestick, lådor för CD-skivor och värmeisoleringsmaterial. Polystyren har bra elektriska egenskaper samt är hårt och styvt.
Expanderad polystyren (XPS) används till exempel till värmeisolering.
Materialet polystyren kan innehålla mjukgörare som ftalater och organiska fosfater eller fosfatestrar. Även antioxidationsmedel, stabilisatorer och bromerade flamskyddsmedel.
Akrylnitril-Butadien-Styren (ABS)
Akrylnitril-Butadien-Styren (ABS) är en termoplast som används främst i elektroniska och tekniska produkter. Exempel är dataskärmar, tangentbord och skrivare. Typiskt för ABS är den är enkel att producera, forma samt går att variera så att den får flera olika egenskaper, till exempel att den ska vara slagtålig.
Materialet ABS kan innehålla mjukgörare som till exempel ftalater. Det kan också innehålla bromerade flamskyddsmedel, färgämnen och antioxidanter.
Polyetentereftalat (PET)
Polyetentereftalat (PET) är en av de absolut mest använda plasterna och förekommer i produkter som burkar och plastflaskor. Kännetecknande för PET är att det nästan inte väger någonting och att det är slagtåligt. PET används också i textilier och förpackningar.
Material av PET kan innehålla färgämnen.
Polymetylmetakrylat (PMMA)
Polymetylmetakrylat (PMMA), även kallat plexiglas, används ofta i till exempel baklyktor på bilar, kontaktlinser samt material som måste tåla hög påfrestning såsom akvarierutor och hockeyrinkar. PMMA är slagtåligt, splittersäkert, vädertåligt och är väldigt likt glas.
Material av PMMA kan innehålla färgämnen.
Polyamid (PA)
Polyamid (PA) förekommer mycket inom textilbranschen och är mest känt som det huvudsakliga materialet i nylonstrumpbyxor. Det används dock också i produkter som skruvar och kugghjul, köksmaskiner, fisknät och fiskelinor, bränsletankar och i elektronisk utrustning. Polyamid är färglöst men är enkelt att färga, väger inte så mycket och är tåligt.
Material av polyamid kan innehålla färgämnen.
Polyvinylklorid (PVC)
Polyvinylklorid (PVC) är den tredje mest använda plasten i världen efter polypropen och polyeten. PVC är i grunden en så kallad styv plast, alltså att den är hård.
Styv PVC används mycket i vatten- och avloppsrör och hårda platsleksaker. Mjukgjord PVC, alltså när man tillsatt mjukgörare i plasten, används till exempel i slangar, golv, höljen till elektriska kablar, tryck på kläder, i regnkläder, skor, väskor och bälten samt i mjuka plastleksaker och i sjukvårdsmaterial som stomi- och blodpåsar. PVC är också den plast som användes i samt gav namnet till vinylskivor.
Merparten av de mjukgörare som används i plastmaterial går till tillverkningen av mjuk PVC.
Material av PVC kan innehålla färgämnen, mjukgörare, stabilisatorer och ibland flamskyddsmedel.
Polykarbonat (PC)
Polykarbonat används i produkter som till exempel CD-skivor, glasögon och trafiklampor. Polykarbonat används också till skottsäkra fönster samt till visir, maskinskydd och flygplansfönster. Typiskt för polykarbonat är att det är genomskinligt, är slag- och värmetåligt samt är elektriskt isolerande.
Polykarbonat kan innehålla tillsatser som mjukgörare, bromerade flamskyddsmedel, färgämnen och antioxidanter.
Gummimaterial
Plastmaterial inkluderar även gummimaterial. Gummi består liksom plast av en eller flera polymerer och en rad olika tillsatsämnen och kännetecknas av sina elastiska egenskaper. Polymeren kan antingen vara naturlig eller syntetisk. Beroende på val av polymer och tillsatsämnen får gummimaterialen olika egenskaper, från mjuka till hårda och styva material. Exempel på tillsatsämnen i gummimaterial är, antioxidanter, UV-strålningsskydd, fyllmedel, mjukgörare och stabilisatorer. Den största enskilda produkten där gummi används är gummidäck.
Icke-förstärkt epoxi kan användas i fogmassa och ytbeläggningar, speciellt på stål och betong. Fiberförstärkt epoxi används för delar i bilar, båtar och flygplan, bränsletankar, golv och komponenter i elektronik.
Epoxi är en värmehärdande plast som har hög resistens mot lösningsmedel och basiska ämnen samt har bra motstånd mot slitage. Epoxi har också goda elektriska och mekaniska egenskaper.
Material av epoxi kan innehålla färgämnen och flamskyddsmedel. Bisfenol A används vid tillverkningen av epoxi och därför kan material av epoxi innehålla bisfenol A som en rest.
Polyuretan (PUR)
I de flesta fall används polyuretan (PUR) som skum i isolering för fjärrvärmerör, kylskåp och frysar samt till möbler, madrasser, golv och skor. Styvt skum av PUR används bland annat till fordonsdelar för till exempel stötfångare.
PTFE har fysikaliska egenskaper som gör den mycket hal (låg friktion). Materialet är känt från varumärken som till exempel Teflon och Gore-Tex.
PTFE är kemikaliebeständigt och kan användas inom ett brett temperaturområde. Det har bra elektriska egenskaper och har en vaxliknande yta som praktiskt taget inget häftar på. Det absorberar inte vatten och bryts inte ner av UV-ljus, ozon eller syre till skillnad från andra termoplaster.
PTFE används i till exempel i stekpannor för att hindra maten från att bränna fast. PTFE används även som slitlager i olika former av glidlager och liknande där man vill ha en låg friktion. Medicinskt används PTFE till exempel i implantat. De goda kemiska egenskaperna gör att ett implantat har lång livstid. Inom optiken kan PTFE-plast användas i vissa typer av linser, eftersom det är transparent för infrarött ljus.
Återvinningssymboler, till exempel en triangel med siffra inuti, anger huvudplasten i produkten. Denna typ av symboler har sitt ursprung i EUs förpackningsdirektiv och om förpackningsavfall och är frivillig och är inte en del av livsmedelslagstiftningen eller har med Livsmedelsverkets ansvar att göra. Dessa symboler har heller inget med säkerhet hos materialet att göra.