Starting the Discussion

Intern Ankit Ahuja and designer Kitt Hirasaki have launched the first of our planned summer improvements to the Khan Academy video discussions.

Now from every user’s profile page, you can view their history of questions, answers, and comments, as well as the discussion badges they’ve earned.

To view your own discussion history, visit your profile page and go to the “Discussion” tab.

Khan Academy has some amazing and involved contributors, and we hope to have many more! Check out some of their profiles:

So the next time you watch a video, ask or answer a question!

Comments


Happy Tau Day!

You may have heard of (or even celebrated) Pi day on 3/14, but how about Tau day? What is Tau, you ask? In 2001, Bob Palais published the article “π Is Wrong” in which he argued that the beloved constant π is the wrong choice of circle constant. He instead proposed using an alternate constant equal to 2π, or 6.283… to represent “1 turn”, so that 90 degrees is equal to “a quarter turn”, rather than the seemingly arbitrary “one-half π”.

Two years ago today, Michael Hartl published “The Tau Manifesto” echoing the good points made by Palais and building on them by calling this “1 turn” constant τ (tau), as an alternative to π. Tau is defined as the ratio of a circle’s circumference to its radius, not its diameter and is equal to 2π. 

Tau is approximately equal to 6.28, so that makes today (6/28) tau day! Aside from eating twice as much pie as we would on 3/14, we’ve found another way to recognize tau day: Thanks to Emily Eisenberg, one of our awesome summer interns, all of our exercises that can be answered in terms of pi can now be answered in terms of tau too!

All the hints and explanations still use pi, and of course we still accept answers with pi, but for those of you in the know, you can now use this secret feature to answer with tau!

Try it out for yourself, and let us know what you think!

    http://www.khanacademy.org/exercise/degrees_to_radians

To learn more about the difference between Pi and Tau, check out some of our videos:

Comments


iPad App

In mid-March, we launched the official Khan Academy iPad app. If you haven’t yet downloaded it, you can download the app for free from the App Store.

Using the app, you can view all 3,200+ videos available on the Khan Academy website, including all of Sal’s videos as well as art history videos by Beth Harris and Steven Zucker, math videos by Vi Hart, and cryptography videos by Brit Cruise.

For every video with English subtitles, the app includes an interactive transcript which allows you to read along with the video or go to a specific section if you want to rewind or jump ahead. If you log into your Khan Academy account, all of your progress is automatically saved so you can earn energy points and badges for the videos you watch.

Best of all, using the app, you can download videos so you can watch them anywhere without internet access, such as in an airplane or on a long car ride – you can either download a single video or all the videos in a single topic.

Currently, practice exercises are not available from within the iPad app but we hope to have them available in a future release; for now, you can do exercises directly on the website.

If you haven’t yet tried it, download it for free. We hope the app is a great tool for both students and teachers – enjoy!

Comments


Parents can now create accounts for their children!

Developer Ben Komalo has made it possible for parents to create accounts for their children who are under 13.

Parents, to create an account for your child, visit:

http://www.khanacademy.org/createchild

Child accounts have several safety features:

  • The parent who creates the child account becomes the child’s permanent coach.
  • The child cannot enter certain information (e.g.. email, full name) in their profile, nor make their profile public.
  • The parent has the option of disabling the child from adding other people as coaches. (See What is a coach? for more details on coaching.)
  • The parent manages the child’s password and can change it at any time for any reason.
  • The child cannot post public messages in discussion forums.

FAQ articles about child accounts:

Comments


Topic Badges For Great Justice!

Hi there, i’m marcos ojeda, a designer at Khan Academy. Let me tell you about Topic Badges.

A while back, Ben and Jason started work on revamping our exercise framework to allow multiple exercises to be grouped under the umbrella of a Topic. Jason asked me if i’d be interested in making some badges for these new higher-level topics and i eagerly agreed.

The task is pretty amazing when you first hear it: “make some icons that represent math topics like ‘addition and subtraction’ or ‘functions.’” I immediately turned to some of my favorite representational gotos, namely isotypes, Japanese Mon and Brian Eno. And naturally there’s a whole history of people trying to synthesize a concept into a single icon, so prehistoric cave painter, i tip my hat to you.

Starting points

For my attempt, i basically started doodling until a workable concept began to ossify. The standard i set for myself was something between the golden record

the golden record cover which explains how to decode the record's contents

whose goal was to be a sort of message in a bottle to far-off lifeforms. The cover, shown above, is a sort of puzzle-explanation which, when decoded, explain how to use a cartridge (included!), as well as showing the location of earth. All without words. An explanation of the record shows exactly how much information is embedded within it.

Additionally, i took as inspiration the sorts of reference diagrams you tend to find in pre-war textbooks a condensed diagram explaining the munsell color system

for example, this book cover shows a concise representation of the Munsell color system whose core units are hue, chroma and value.

Additionally, i love the genre of “this coincidentally heraldic diagram represents everything about this course” that you tend to find in math and science classes, like this classic one which sneaks in a fixed point combinator alongside a supremely visual description of recursion:

knights of the lambda calculus badge

or this gem from the back of Strang’s linear algebra textbook linear algebra row/col space diagram

whose true intention and significance only really makes sense towards the end of your first linear algebra course.

The common thread between all of these is that the symbol itself is grokkable, you can get it as a thing, but its true meaning is somewhat opaque until you understand enough of the subject for the icon to represent the relevant salient details. Since we are in the business of helping folks learn concepts, it seemed right to have badges which became more interesting the more you learned.

Topic badges

As it happens, here’s what ended up happening for, addition and subtraction exercises (q.v. the addition and subtraction topic page).

an image of an adobe illustrator artboard which the author secretly shouts 'CS4EVA!!!' upon witnessing

Notice that it spans the gamut between visual puns representing addition and subtraction to literal visual representations of dots being grouped and so forth.

For a topic like exponents (which isn’t yet available), you end up getting the more out of the box style treatments that begin to have that sense of mystery to them (some of them even making no direct connection to exponents at all.)

things which would appear to be exponent-like

The not-so-obvious-to-me lesson here, is that sometimes trying to distill a topic will fail if the topic is too broadly specified. This is also, exactly why things like the noun project succeed at things like sasquatch but do less stellar with things like blog.

Go back and take a look at the visual solutions for Addition and Subtraction, a topic that is incredibly broad, and contrast that with the sorts of visual treatment for Exponents. As a secondary check, i think, if it becomes difficult to distill a topic without resorting to using its dominant operators, then the topic is probably too broadly specified (maybe we should have an addition topic? or grouping? who knows!)

All the badges

The result of all this topic-level navel-gazing was, at present count, 45 separate badges (of which only 28 are currently deployed):

and at a glance, all the badges here: a MacOS finder window with all the badges that were drawn tiled

For each topic, there’s a regular badge and then there’s a completed badge which is rendered as a gloriously shiny button or token.

Some technical details

Despite the fact that this seems like a straightforward doodling project, there were some technical issues to deal with:

  1. the round badge shape was not predestined, for quite a while i assumed we would crop the square to a circle using css rounded corners as a lo-fi mask, but for various reasons it eventually made sense to actually generate circular images
  2. i am using illustrator’s artboards liberally
  3. illustrator files don’t play nicely with most code review systems or git/hg/whatever and make it difficult to get code reviews.

Round files are a delicious curse

Illustrator files (namely their artboards) are transparent. When exporting (or saving for web) you have the option to mark the artboard as transparent, which would make round pngs trivial, right?

Lamentably, save for web is a sort of painful mouse-heavy rigamarole and if you’re trying to batch-export a bunch of badges at, say, a new size, i would rather not be on the hook for clicking over and over again. (would you?)

To that end, i wrote a small script to control graphicsmagick with ghostscript to render illustrator files at arbitrary resolution. How? It turns out illustrator files are almost entirely pdf files but with extra information for storing illustrator metadata.

Artboards are great!!

Since CS4, artboards in Illustrator are the best feature. Remember how i mentioned that illustrator files are basically pdfs in hiding? You can leverage this in order to both save divergent copies of a given illustration in the same file and also to share this information with others.

Artboards in illustrator are represented as pdf pages with their own dimensions, so this makes it trivial to share illustrator files once people know to open them with a pdf-compatible application and comment on a given page.

This also means that the first illustrator rendering script can be amended to know about artboards and what they contain. So the file has evolved somewhat to include this functionality. There’s a json file which marks which artboards are for what purpose and somebody without illustrator could actually pull down the repo and generate badges if they felt like it.

But what about code reviews?

It’s no fun to do work but not get any good feedback. You can get stuck in a rut and it’s always good to have a separate pair of eyes, but unless you want to be a hovering art director, the process of providing crit for files which are clearly works in progress is a bit awkward.

In order to get around this, I used the Mac FSEvents python library to watch over my project folder and commit the whole directory each time I hit save from within illustrator. The script which does this also lives in kiln and is called artboard.py. The result, though is that instead of obtuse commit messages, it provides some context of what changed from commit to commit.

a view of kiln

and more interestingly, since i can have the script render on each save as well, i can take advantage of kiln’s visual diff tools, so that i actually can get valuable feedback on a given changeset or just share some changes with anyone who’s interested.

kiln visual diffs

There are a bunch of small hacks between the different rendering scripts to improve edge rasterization with transparency (involving some absurd downsampling) and to create fast previews depending on what the image is for. The tangible result ends up being that it was possible to open up the design and production process to be both flexible and open.

Final points!

I know many people have reservations about using Illustrator for icon design when it gets rendered down to a tiny image. Fair enough, but also, there’s something to be said for balance benefit and cost. For now it’s an acceptable loss, but it would be nice if vector artwork could be hinted like typefaces are. In some ways, a consistent badge family shares lots of the same design properties a typeface does, so maybe type design is a better way to go about thinking about things like…

i did not obey whatever golden rule that says that the smallest stroke in an icon should be 1/20th the width of the icon’s bounding box, but i should have, because it would have made them all uniformly legible.

It was a great process and I look forward to tuning, revising and creating new badges as we work to refine the size and design of our topics this summer. Thanks for making it this far!

Comments