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.
Vad vet du om plaståtervinningen i världen? Visste du att nästan ingenting av allt vi skickar till materialåtervinning i verkligheten återvinns? Både konsumenter och myndigheter har förts bakom ljuset med bedrägliga och illegala metoder i ett smutsigt system av gigantiska proportioner. Vissa länder har i decennier utnyttjats som dumpstationer för de rika ländernas sopor. Nu har dock många av skandalerna uppdagats och vi står inför en akut situation att hantera. Vad kan DU göra åt de växande sopbergen eller för att få fart på materialåtervinningen på riktigt?
Hur fungerar plaståtervinningen i Storbritannien? Tusentals ton plastskrot som samlats in för återvinning från brittiska hushåll har transporterats och dumpats på platser över hela världen.
Vi följer spåret efter Storbritanniens plastavfall genom hela landet och runt om i världen. Kan Storbritannien klara sig eftersom den största importören av världens återvinning, Kina, stänger dörren? I juli 2017 satte Kina stopp för import av plastskräp från världens länder, efter det att det visat sig att Kina använts för att dumpa icke återvinningsbara sopor från världens alla hörn.
Dokumentärfilmen ovan, producerad av Sky News 2018, tar upp problemen i Storbritannien. Det visar sig vid granskning att endast några få procent av all plast som samlas in för återvinning verkligen återvinns! Den officiella statistiken som påstår att över 40% av plasten återvinns har inte kontrollerats, utan är bara ett mått på hur mycket av den återvinningsbara plasten som sålts och skickats iväg från landet för återvinning (som dock inte sker). Många gånger har dock sopor blandats in vilket gör återvinningen praktiskt taget omöjlig. Men hur ser det ut i resten av världen?
Ett intressant återvinningsinitiativ i Tyskland Tyska hushåll sorterar sitt skräp i fyra separata sopkärl med olika färger. Gul för plast, brun för kompost, blå för papper och svart för icke-återvinningsbara sopor. I Tyskland landar två och en halv miljon ton plastförpackningar i de gula sopkärlen varje år. Men endast 5 % av den plast som samlas in i de gula behållarna återvinns till ny plast. Problemet är att plasten som kommer in till återvinningscentralerna är osorterad och består av en blandning av olika plastsorter som inte går att återvinna tillsammans. Det är svårt och resursintensivt (dyrt) att sortera och separera olika typer av plast, så det mesta eldas istället upp för energiåtervinning i värmekraftverk eller i stål- och cementfabriker.
MEILO, ett företag i Gernsheim beläget i södra Hesse, sorterar plastavfall från de gula sopkärlen i 30 repetitiva sorteringsprocesser tills den maximala renheten av variation har uppnåtts. Plast separeras först efter storlek och utsätts sedan för en luftseparator. I följande steg skannar en nära infraröd skanner plasten på transportbandet när de passerar och kommunicerar till en tryckluftsstråle vid slutet av transportbandet vilken plast som kan återvinnas. Slutligen blåser tryckluftsstrålen detta material åt sidan. Således sorteras varierande plast med en upp till 98% renhet av variation. Förutom de tre viktigaste värdefulla plasten, HPDE, PP och PET, hämtas fyra andra välåtervinningsbara plastvaror från skräpfloden.
Totalt går den återvinningsbara plasten igenom sorteringsprocessen ett 30-tal gånger för att till slut nå en sorteringsgrad på upp till 98 %. Förutom de tre viktigaste värdefulla plasterna, HPDE, PP och PET, sorteras fyra andra återvinningsbara plastvaror ut bland det som ursprungligen kastats som skräp.
Problemet med att tillverka nya andra produkter av återvunnet plast är att dessa produkter ofta har en begränsad livslängd och sedan kanske inte återvinns. För ett helt cirkulärt system behöver gamla plastflaskor bli nya plastflaskor. För att detta ska kunna ske behöver den återvunna plasten processas ytterligare och göras ännu renare.
På Systec Plastics GmbH i Eisfeld, Thuringia, bearbetas plaster vidare, som sorterats av MEILO GmbH, för att producera en premiumråvara för plastindustrin. Här strimlas, rengörs och sorteras plastflingorna efter färg innan de smälts ner till granulat. De 99 % rena granulaten fylls sedan i behållare och transporteras till plasttillverkare för att bli nya produkter.
Werner & Mertz GmbH, som tillverkar tvättmedel och rengöringsmedel, använder Systec Plastics GmbH-granulat för att producera sina förpackningsflaskor. Granulatet bearbetas enkelt i Werner & Mertz GmbHs standardproduktionsanläggningar i Mainz. Deras HDPE-flaskor och PP-lock är av 100% återvunnen plast från de gula sopkärlen. Deras PET-flaskor består av 20% återvunnen PET från gula sopkärl och 80% återvunnen plast från insamlade returflaskor.
Hur ser det ut med plaståtervinningen i Sverige?
Naturvårdsverket har gjort en kartläggning av plastflöden i Sverige. Kartläggningen visar att mer material behöver materialåtervinnas. När plasten istället går till energiåtervinning bidrar den till utsläpp av växthusgaser vilket går emot Sveriges klimatmål. Det finns dock flera tecken på en positiv utveckling, men vi har samtidigt en hel del utmaningar.
Många av de hinder för materialåtervinning som finns är gemensamma för flera typer av plastmaterial. Några av de generella hinder som utredningen Det går om vi vill – förslag till en hållbar plastanvändning (SOU 2018:84) listar som begränsar materialåtervinning av plast är:
Svart plast är svår att sortera med IR-teknik.
Färgad plast missfärgar övrig ofärgad plast.
Laminat består ofta av flera olika typer av plast som sammanfogats i lager vilket försvårar återvinning.
Nedbrytbar plast passar inte i dagens återvinningssystem.
Till dessa kan kartläggningen addera följande begränsningar:
Begränsad sorterings- och upparbetningskapacitet (tvätt och kvarning) i Sverige.
Begränsad efterfrågan på återvunnet material, särskilt efter Kinas importrestriktioner.
Lågt marknadsvärde och varierande kvalitet på materialet.
Bristande information längs värdekedjorna och över tid avseende innehåll av tillsatsämnen.
Relativt lågt pris på jungfrulig plastråvara.
Innehåll av ämnen som är problematiska att cirkulera