I’ve been involved with EU Code Week’s Irish hackathons for the last few years, and this year’s edition was a hybrid of online and in-person at Microsoft’s DreamSpace in Leopardstown Wednesday.
Pam and Julie did an amazing job running the event, as usual, and there was some great work done by the students.
On the first day I gave a little presentation on the App Design Journal and gave the students some tips straight from the App Design page, here, to help them organize their thoughts before they dove right into coding.
It’s a real highlight of the year, and show off what we can do with some of these transition year students in Ireland.
Well, it’s been a long time, but we finally have some new coding resources for you!
*But* you’ll have to toggle one little switch to make sure it works well for you, especially if your iPad or Mac is set to something other than English as its first language. We’ll get to that in a second, though.
SwiftUI App Walk-Through
For those of you who have been keeping up to date with Swift Playgrounds, you might have seen that it now supports these amazing walk-throughs in the app on the iPad (and Mac) that help introduce you to code.
It’s a way to guide a student through an app and help them figure out how to either accomplish a task in an app or see how you did it.
Apple has some great examples that will show you how to make all sorts of magic, and if you look at the App Gallery you’ll learn how to perform animations in SwiftUI, configure your app’s navigation, build up views, and more.
A really fun activity to explore composing views is to look at the flags of the world and try and re-create them with simple colors… in some cases we can get more complex and start to add shapes like circles, triangles, stars.
In fact, there’s an exercise you can perform outlined in the App Design Workbook, which I’ve talked about before.
I love that we have a good suite of exercises to practice our layout capabilities at our fingertips!
So I came up with a walk-through app called Drawing Flags. You can download it from the Code Hub Adventures feed in Swift Playgrounds, which you can subscribe to here (for free):
The goal is to fill in implementations for as many flags as you possibly can.
The walk-through, which you access through the library icon in the top right toolbar of Swift Playgrounds, will show you how to make an Irish flag, and then how to make a Dutch flag.
You’ll learn to add cases to a switch statement, you’ll learn how to create new files to create your flag view in. You will make your flags look more polished by using view modifiers.
I would love to hear how you get on with it, so definitely send me feedback, as it’s a work-in-progress and we’ll have plenty of challenges coming soon.
The one issue, at the moment, is that you might see the following if you have your iPad set to something other than English, as the main language:
You can fix this, for now, by turning on Author Debug mode in Swift Playgrounds.
Almost by accident, I started a new live stream today. I’m not 100% sure of the hours or the timing of these, but the videos will be available in the Teaching Code playlist, because that’s the goal of these sessions: to show you all the resources available on your iPad for teaching code.
This should be especially useful for schools who have an iPad one-to-one programme and teachers who have some creative students who want to add another tool to their toolbox.
It’s that time of year again, and we have such a limited time!
The Swift Student Challenge is on and it’s a great opportunity to push yourself to create something of which you can really be proud.
Now, the deadline is April 24th at midnight (Pacific time, but, as I say in the video, I would encourage you to push for your own local midnight… something always goes sideways at the end and you want to have plenty of time).
The challenge, this year, is centered around Swift Playgrounds 4, and its ability to build full-fledged apps!
I threw together a little video to help you read the T&Cs and maybe find a path towards an app you can really get stuck into. Check it out here:
And here are a few links to help get you on your way…
With this new download, you can build your playground book without having to keep Xcode 12 around. Now, the template is reliant on a certain version of Swift, so you may need to install a separate build of Swift (which you can get from here: https://www.swift.org/download/), and I’ll go into how to do that (and maybe *why*) at a later date.
In the meantime, I’ve got to go grab my copy to get cracking on a few new Swift Playground books!
You can now build entire apps on your iPad and ship them to the App Store. This is a huge update and there’s a ton of great content to go with the update that will teach you how to build apps (with SwiftUI, even!).
Go check it out and I’m sure I’ll have some walk-throughs for you soon!
But we talk a lot about prototyping when we talk about building apps. The App Design Workbook and App Design Journal teach you how to use Keynote to prototype an app experience quickly so that you can prove out your ideas and flow before you pour out the blood, sweat, and tears on the actual app.
This saves us from a lot of work that might be for nothing if our core idea isn’t all its cracked up to be. Prototypes let us figure out if there’s something there and whether it’s worth investing the time to develop the idea out into an actual app.
Well, the same thing applies when you’re building Swift Playgrounds and especially Playground Books. These are like stories and games and instruction all bundled into one package, so of course there’s a lot of complexity there.
I created a little Keynote theme that might help you storyboard out your Swift Playground Books, which you can download from here. Simply download that file an unzip it and double-click it, and it’ll install the template for you to use when you create new Keynote files.
It’ll give you a title screen first, and when you add new slides to the presentation you should choose the Playground Prototype slide type, and it’ll give you an area for prose in the upper left hand corner, an area below for code students might run on that particular page, and a dummy live view on the right hand side where you can sketch out what the code drives.
This way, just like an app, you can storyboard out your whole book experience and see how people will flow through the book. You can pinpoint what coding techniques you want to show off or teach or enable on a given page, as well as any instruction or story you might tell on each page.
We’ll have a lot of hands on with Keynote prototyping, as well as the next leap: to code!
As a part of our activity, I’ve thrown together a playground based on a prototype one of Lyndsey’s students did. The goal is to show you (or your students) how the user interface relates to code.
If you’re curious and want to get a sneak peek of some of what we’ll be working you through on Thursday, go ahead and download this playground to your iPad or Mac. It’s in the main Code Hub Playgrounds feed, which you can access here: https://www.thecodehub.ie/playgrounds/
If you already subscribe to the feed, this new playground will show up when you tap on More Playgrounds > See All. It should look a bit like this:
It’s called Europe Code Week 2021: App Inclusivity Playground, and there are plenty of instructions in the playground, itself. If you’re lost, though, you can always join us on Thursday. We’ll work through the App Inclusivity activity and how you might use it in your classroom.
The challenge is all about considering people from many different backgrounds with many different types of abilities when you design your apps.
The Activity & the Audience
This activity is perfect for teachers who might have an iPad 1-to-1 classroom or school, but you can adapt it, no matter the gear you have on hand.
It’s also perfect for you if you don’t have a background in coding. We spend a lot of the activity just thinking about what makes an app and how we might design it to accommodate all sorts of users.
Now, we will still touch on coding, of course, as it is EU Code Week, but hopefully we’ll do so in as non-threatening a way as possible. To do that, I’ll show you Swift Playgrounds and the really fun Answers playground.
This is a playground where students write code to get answers from their fellow students and can use those answers in their code later.
You’ll see how you can design your code and app at all sorts of levels.
For those who want to build out their creative vision, you’ll learn about Keynote prototypes and the power you can wield, putting your idea in people’s hands.