IndyWatch Education Feed Archiver

Go Back:30 Days | 7 Days | 2 Days | 1 Day

IndyWatch Education Feed Today.

Go Forward:1 Day | 2 Days | 7 Days | 30 Days

IndyWatch Education Feed was generated at Community Resources IndyWatch.

Saturday, 19 May

14:12

How to build an app with ARKit and Unity featuring Harry Potter PortKey freeCodeCamp - Medium

Augmented Reality. The future screams of it. The present is full of it: filters, games, and AR apps are popping up daily. Imagine a world where everywhere you look there are visual data aids to augment your comprehension.

Now, I would rather go all in on VR, especially after seeing Ready Player One. Oh how I wish I could be transported to Oasis right now! However, AR has more real world use cases from furniture shopping to building industrial factoriesthe possibilities are endless.

Augmented reality will be an essential part of your daily life. It will change everything. Tim Cook

Now, these claims have to hold the test of time (powerful use cases, realistic visuals, processing speed of hardware, and so on). Until then, Mobile AR is possibly the test bed for developers, before a headset or something similar is part of your everyday tech, along with a community of AR developers and a bevy apps.

Image source

What is a Portkey?

(For muggles, here is the definition *wink wink*):

A Portkey, in Harry Potter world, is an enchanted object which, when touched, will instantly transport a person from point A to point B. The object is usually a worthless piece of junk and is randomly placed around so as not to attract attention.

Project (around 3 hours)

In this tutorial, youll learn to build a Unity app with ARKit. Well add an augmented reality layer featuring Harry Potter PortKeys. Most of the time you spend will be on installations, so grab your coffee and get ready!

Step 1: Installation

You will also need a iOS developer account and iPhone, preferably, to take the AR app you build out for a spin.

Step 2: S...

10:16

Angular 6 and its new features explained in three minutes freeCodeCamp - Medium

ng add

ng add is a new command in Angular-cli that helps you install and download new packages in your angular apps. It works the same as npm, but it doesnt replace it.

ng update

ng update is a new Angular-cli command too. Its used to update and upgrade your packages. Its really helpful, for example, when you want to upgrade from Angular 5 to Angular 6, or any other package in your Angular app.

Declaring the providers inside the service itself

Before this update, you had to the declare the providers array in app.module.ts

Now with Angular 6, you can provide your service inside the supervisor itself by putting the providedIn:root property within the "@injectable" decorator.

Use ng-template instead of template directive

Angular elements

Angular 6 introduced us to Angular elements. Youre able to render your Angular elements as native web elements, and theyre interpreted as trusted HTML elements.

You can add Angular elements by running the command below:

Import createCustomElement in your component.

Then create your customized element!

MyElemComponent.ts

The result:

...

09:18

Z-Index Explained: How to Stack Elements Using CSS freeCodeCamp - Medium

Photo by All Bong on Unsplash

I have always struggled with the CSS property z-index. It sounds so easy at first. Elements with a higher z-index value are displayed in front of those with a lower z-index value. Still, a lot of times I have ended up in situations where it seems like the z-index value didnt have any effect at all.

I decided that Id had enough of trial and error with z-index and that I wanted to get a better understanding. I hope this article can help you so you will never wonder why z-index is not doing what you expect it to do.

Default stacking order

Lets first mention the default order the browser stacks elements in, when no z-index is applied:

  1. Root element (the <html> element)
  2. Non-positioned elements in the order they are defined
  3. Positioned elements in the order they are defined

A non-positioned element is an element with the default position value static. A positioned element is an element with any other position value. Examples of other values are: absolute, relative, sticky or fixed.

HTML:

<div class=pink>
<div class=orange></div>
</div>
<div class=blue></div>
<div class=green></div>

CSS:

/* This is only the CSS that is relevant for the example. For the complete CSS check the links below the pictures. */
.blue, .pink, .orange {
position: absolute;
}
https://codepen.io/ivhed/pen/QrdEBB

We defined the green box last in the document. Still, it appears behind the others because it is non-positioned.

Stacking with z-index

If we now want to change the stacking order of these elements, we can use the property z-index. An element with a higher z-index will be displayed in front of an element with a lower z-index. One thing to note is that z-index only works with positioned elements.

.blue, .pink, .orange {
position: absolute;
}
.blue {
z-index: 2;
}
.orange {
z-index: 3;
}
.green {
z-index: 100; // has no effect since the green box is non- positioned
}...

07:56

How Apple Pay Works Under the Hood freeCodeCamp - Medium

Photo by Jonas Leupe on Unsplash

Do you use Apple Pay? Have you ever wondered how an Apple Pay transaction goes through? In this post, you will learn how Apple Pay works end to end.

Mobile payments have become very popular due to the convenience and the security they offer. No more plastic cards to carry around, and you do not have to worry about losing them (what a relief!).

In this article, I am going to discuss how Apple Pay works in general and how it works when it is used at a physical POS terminal, specifically. Ill briefly discuss the security benefits as well.

Before diving in, lets get familiar with some basic terminology.

Secure Element

A secure element (SE) is something that is mentioned when talking about Apple Pay, so we need to understand what it is.

According to Global Platform:

A Secure Element (SE) is a tamper-resistant platform (typically a one chip secure microcontroller) capable of securely hosting applications and their confidential and cryptographic data (e.g. key management) in accordance with the rules and security requirements set forth by a set of well-identified trusted authorities.

Apple Pay uses SE to store secret information associated with tokenized cards (we will talk about this later).

In the iPhones after iPhone 6, and in Apple Watch, an SE is embedded into the devices near-field communication (NFC) chip. This is used at payment terminals to perform transactions over NFC. SE emulates a payment card during an Apple Pay transaction.

Tokenization

Tokenization as a process is being adopted more and more in the payments industry. Here well try to understand the basics of Tokenization.

The following is a concise description from Wikipedia on Tokenization technology:

Tokenization, when applied to data security, is the process of substituting a sensitive data element with a non-sensitive equivalent, referred to as a token, that has no extrinsic or exploitable meaning or value. The token is a reference (i.e. identifier) that maps back to the sensitive data through a tokenization system. The mapping from original data to a token uses methods which render tokens infeasible to reverse in the absence of the tokenization system

In the context of credit cards and Apple Pay, tokenization is used to replace the Primary Account Number (PAN, or the credit card number) with a token. A token looks like a normal credit...

07:40

Beware of GraphQL Nested Mutations! freeCodeCamp - Medium

I have a cunning plan

Once upon a time, I hit upon the notion of organizing GraphQL mutations by nesting operations in a return type. The idea was that these operations would then mutate the parent entity.

The basic idea was this:

input AddBookInput {
ISBN: String!
title: String!
}
input RemoveBookInput {
bookId: Int!
}
input UpdateBookInput {
ISBN: String!
title: String!
}
type AuthorOps {
addBook(input: AddBookInput!): Int
removeBook(input: RemoveBookInput! ): Boolean
updateBook(input: UpdateBookInput!): Book
}
type Mutation {
Author(id: Int!): AuthorOps
}

And Ive used this technique a few times without ill effect, but Ive been lucky. Wheres the problem?

A reader pointed me to an issue on the GraphQL GitHub site where it was stated that the execution order of nested mutations is not guaranteed. Uh-oh. In the above case, I definitely want the addBook() mutation to occur before attempting an updateBook() operation on the same book. Alas, only so-called root mutations are guaranteed to execute in order.

An illustration of the problem

Say I have a message queue where I want the messages stored in the order in which they were received. Some messages take longer to process, so I use a mutation to guarantee that messages are processed sequentially:

type Query {
noop: String!
}
type Mutation {
message(id: ID!, wait: Int!): String!
}

The resolver logs when the message arrives, then waits a given time before returning the mutation result:

const msg = (id, wait) => new Promise(resolve => {
setTimeout(() => {
console.log({id, wait})
let message = `response to message ${id}, wait is ${wait} seconds`;
resolve(message);
}, wait)
})
const resolvers = {
Mutation: {
message: (_, {id, wait}) => msg(id, wait),
}
}

Now for the trial run. I will want to ensure that the console log messages are in the same order as the mutation requests. Heres the request:

mutation root {
message1: message(id: 1, wait: 3000)
message2: message(id: 2, wait: 1000)
message3: message(id: 3, wait: 500)
message4: message(id: 4, wait: 100)
}

The response is:

{
"data": {
"message1&q...

07:33

How to use a concurrent task queue in your Redux-Sagas freeCodeCamp - Medium

In this guide, you will learn what a concurrent task queue is, some of the best use cases, and how to write one.

The queue is one of the most used data structures. You probably use it every day when you shop for groceries (even online) or when you send a text message to your friends.

The concurrent task queue is a very powerful pattern that can really help you handle tasks over time or improve your performance.

TL;DR at the bottom

Lets start with the basics

What is a Queue? 

A queue is a linear structure in which values are added at one end and removed from the other. This discipline gives rise to a first-in/first-out behavior (FIFO) that is the defining feature of queues. The two fundamental queue operations are enqueue (add to back) and dequeue (remove from the front) (source).

Representation of a FIFO (first in, first out) queue (wikipedia)

Ok, when should we use it?

Use a queue when you need to maintain the order of events and process the value by that order.

Great, you convinced me! But why do I need the concurrency thing?

As I mentioned above, a queue is able to process one value at a time. But sometimes its not fast enough.

Consider the following case :

You are at your favorite grocery store and have just arrived at the cashier, but unfortunately there are many people waiting. To speed up the process, the store opened several more registers and each additional cashier has their own queue. So you just have to choose one. If one of the cashiers is having a technical problem or theyre just slow, that queue will be delayed even if the other slots are free.

(@andreagiuliaderba)

Concurrent task queue to the rescue! 

We will use only one queue for our purposes. In that way, every time a slot becomes free, we will dequeue a person from the queue and send him to the free slot.

single concurrent queue (@andreagiuliaderba)

Hooray!

Now lets examine a use case

Last week I was working on a Google Chrome extension that sniffs and downloads HLS...

05:41

Math Debate: Adding Fractions Denise Gaskins' Let's Play Math

Cover image by Thor/ geishaboy500 via Flickr (CC BY 2.0)

Ive been working on my next Playful Math Singles book, based on the popular Things to Do with a Hundred Chart post.

My hundred chart list began many years ago as seven ideas for playing with numbers. Over the years, it grew to its current 30+ activities.

Now, in preparing the new book, my list has become a monster. Ive collected almost 70 ways to play with numbers, shapes, and logic from preschool to middle school. Just yesterday I added activities for fraction and decimal multiplication, and also tips for naming complex fractions. Wow!

Gonna have to edit that cover file

In the Advanced Patterns chapter, I have a section on math debates. The point of a math debate isnt that one answer is right while the other is wrong. You can choose either side of the question the important thing is how well you support your argument.

Heres activity #69 in the current book draft.

Have a Math Debate: Adding Fractions

When you add fractions, you face a problem that most people never think of. Namely, you have to decide exactly what you are talking about.

For instance, what is one-tenth plus one-tenth?

...

04:30

[BONUS] Drive Journal New Orleans To Pittsburgh, Hour 25 School Sucks Project

Drive Journal - A trip recap, in a state of delirium. With fellow travelers Andrew and Larry. How NOLA is both amazing and gross - and some thoughts about the event. Here's a link to the audio version: New Orleans To Pittsburgh Hour 25 Related PostsShit Has Gone Too Far (Bonus Content Preview)87Tags: bonus, a/vPre-Show ...

The post [BONUS] Drive Journal New Orleans To Pittsburgh, Hour 25 appeared first on School Sucks Project.

03:37

Become an Innovator with OMIE Coursera Blog

HEC Paris Masters in Innovation and Entrepreneurship (OMIE) is a self-paced 100% online degree that helps bring your ideas to life through a rigorous combination of academic theory and learning-by-doing activities.

We spoke with two participants from the program about why they chose OMIE and what its like to be part of a global classroom on Coursera.

Why OMIE?

Rahima is a project manager at General Electric, and her job requires her to be extremely organized and detail-oriented. She was looking for a master program that would help her become a more innovative business leader and decided that OMIE would be the perfect fit.

I came to a point in my career where I needed to discover a new way of thinking. I wanted to unleash my potential and develop a more creative mindset. I decided to apply when I realized I wanted to make real change within my organization. Rahima

Tim is a site manager for Colorite Compounds, a leading producer of polymers for medical and industrial use. Hes a self-starter whos founded 5 companies during his career, but he felt he needed to learn more entrepreneurial skills that the OMIE provides.

I wanted to get my Masters in Innovation and Entrepreneurship to help me accomplish my goals, and this program helps you draw a roadmap to success. I looked at a number of other universities, but I decided that didnt want a standard business degree. Instead, I wanted something focused on innovation. I believe anyone who graduates from this program will become more innovative and might even create the next big startup. Tim

Take part in a global classroom and engage with peers from all over the world without leaving your city.

The program is very diverse, and there are students from more than 22 different countries. There is a tremendous sense of community and you definitely feel supported by your fellow classmates. Even though youre not physically in the same classroom, theres a sense of camaraderie. Tim...

03:04

LIVE In New Orleans With Thad and Brett [PODCAST #564] School Sucks Project

The tense and truculent final event of Renegade University and School Sucks Project Present A Weekend With Thaddeus Russell. Attendees grab the mic and question us on the following topics: Jason - Foreign policy and the military: how to close the physical and psychological distance between America and its enemies? Norm - Higher education: how ...

IndyWatch Education Feed Archiver

Go Back:30 Days | 7 Days | 2 Days | 1 Day

IndyWatch Education Feed Today.

Go Forward:1 Day | 2 Days | 7 Days | 30 Days

IndyWatch Education Feed was generated at Community Resources IndyWatch.

Resource generated at IndyWatch using aliasfeed and rawdog