I can type in that I want to go to my card and here's my card.
So this would be more of a traditional application of HyperCard.
To move, to collect information, you have data fields here
and we can move back and forth from the different cards.
You can use HyperCard, can organize the cards for you
in alphabetical order by number.
This is pretty simple stack, but you
can see that it would be very useful.
We can also connect to the appointment.
Let's see.
This would be our appointment stack.
So I could enter different activities
that I have to do.
This would be your working calendar.
And notice it does take us to today's date
by default, which is kind of useful.
Let's go back to the home stack.
You'll become familiar with this.
Most stacks in HyperCard have a home icon
to allow you to go back to where you started.
OK, so those are a couple pretty simple stacks,
but you can see how they might be useful.
And you can see how already how we can link.
We went to address, but we were linked to appointment one
button, which we'll talk about buttons in just a minute.
So we have our home stack here, and we've
looked at some individual stacks.
Let's talk a little bit more about what goes into a stack.
I'm going to go back into addresses.
OK, so we have a stack here.
We have the address stack.
And I want to talk a little bit about this idea
of a background.
A background in HyperCard is the back of the card.
A card is basically made of two parts.
You have your foreground and your background.
This is a very important idea to understand,
so I'll talk about it for a minute.
You might want to form a visual image
in your head of a card with a piece of clear acetate
over top of it.
The card itself is the background,
and the clear acetate is the foreground.
Within a stack, the different cards
all share the same background.
But individual information can be
placed on the foreground.
What's important to understand is
that you can see through the foreground to the background,
for one.
And the second important issue is
that the background is shared among the cards
within a stack.
You can change it.
You can have different backgrounds.
But as a whole, you should look at the background
for holding any information that's
common among the different cards.
So you need to think about this idea when you're
creating your own software.
You need to figure out what's going
to be common among different cards
and how you're going to organize your information.
So let's look again back at this address stack,
and we'll see what is in the background
and what is in the foreground.
To change back and forth from background to foreground,
I can do the Apple B, Command B. This is my background now.
I want to point out to you these hatch marks along the menu,
and you can see that I'm in the background.
Notice that all the name, street, all that information
is gone because that is only common to one individual card.
If I use the arrows to move through the cards,
you don't see anything change.
Let's go back to the foreground, Apple B,
and you'll see now the text information.
The unique information is on the foreground.
So you can think of the foreground as for whatever
you want to use uniquely, and the background
is for any global information.
So let's now talk a little bit about some more
of the other elements.
Within a card, we have a card here,
and the card is made up of different items.
I'm going to drag down my tool menu
so that we can look at some of the different items.
I've been using all along the browse tool, which is the hand.
But let's see if we can see where the fields are.
These are the fields.
You can now see boxes around the fields.
But what is a field?
A field is an area that holds text.
So you can see that these areas all hold text.
When I go back to my cursor, my hand,
you can see that the cursor, the hand,
changes to the I-beam when I'm over any of these fields.
That's because I can key in different text.
So you know that you're over a field
when you can see the I-beam.
So a card is made up of a background and a foreground,
and within that, we have fields.
We also have buttons.
What is a button?
A button is used as a navigational tool.
We've actually already used buttons
because we've been clicking going back and forth
from one card to the next.
These are buttons.
I'm going to select the button tool up here with my tools.
And you can see all the things have rectangles around them
that are buttons.
It's a little hard for you to tell probably
that this is a button, this is a button.
Down here, we have a button, and the appointments is a button.
A button allows you to move to a different place
or allows you to perform some type of action.
At this point, we've used buttons mainly
for navigational, but we'll see how they can perform
actions in just a minute.
But buttons can take on lots of different forms.
The buttons in this stack are all icons.
Again, we'll click on the button.
You can see how it takes you to another stack.
These stacks are linked.
So we have fields which hold text.
We have buttons which allow you to move within the stacks
and perform different actions.
We have the background that we talked about.
Another important thing I'd like to show you
is how to find different cards within stacks.
This might be getting confusing because we've
been moving back and forth.
You have some navigational tools here underneath the Go menu.
Let's look at Go Recent.
This is one of the more powerful ones.
I know this is hard for you to see,
but Go Recent will show you a postage stamp size
image of the different cards that we've visited.
It only shows them to you once.
So you'll see that we have our images here.
Those might be easiest to recognize.
If I want to go back to that stack,
all I have to do is choose that card.
And we're now back in that stack, which takes us back to home.
So Go Recent is very useful when you're
moving back and forth from one stack to a next.
Let's choose one.
OK.
Now, let's actually create a stack of our own
so that you can see that it's really not too difficult.
I think you have an understanding now of how
we're organizing our information.
So let's create our own stack.
But the easiest thing about using HyperCard
is that you can access a lot of available information,
a lot of ready-made information.
So what I'm going to do is open up a stack called Card Ideas.
And this has some different cards here that we can use.
We're going to use the card entitled, let's see,
US State Map.
OK, so here's a card that was already created for us.
But we want to create our own stack.
So I'm going to create a new stack.
I'd like to point out a few things here.
The stack does not have to be the size
that you're seeing on the screen.
We can have a stack be small.
And since you can access one stack from another,
you might want to remember that the stack should
contain common information.
So if I wanted to layer the stacks, that would be possible.
And I could change the size very easily.
We're going to create a stack that
shows where the EdTech students are across the country.
And we're going to copy this current background, which
is actually the map.
And yes, we do want to replace it,
because we're going to create a new one.
Now, what we have here is one card of a stack.
I'd like to show you.
We can get information on the stack.
I'll go to Stack Information.
It will show us that the stack contains one card
and it contains one background.
We can resize it here if we need to,
but we'll stick with what we have.
So the first thing we want to do is create a title
for this stack.
And we'll do that with the field.
We're going to create a new field.
Again, a field is something that contains text.
Now, you can put text on with these tools we see over here.
Here's an A. But if you put text on using those tools,
you can't edit the text.
So I recommend any text that you put on the screen,
at least in the prototypes like we're creating,
go ahead and use the field.
We want our box to have a shadow.
I know this is hard to read, but I'll
try to tell you what it says.
We're going to create times, and we're
going to have it be fairly large.
And I want it to be bold and centered.
So we're setting up the way the text will look
typed within this field.
Let's turn off our caps on.
Gosh.
OK, now we can resize this field so we can fit all of our text.
And we have the title.
Now, we put this title on the foreground.
We don't necessarily want this to appear in all of our cards.
So we put it on the foreground.
We only want it come into this card.
But I'll show you that the map actually is in the background.
You know we're in the background because of these hatch marks.
OK, so now what we're going to do
is we're going to create a new card.
So let's go up here to Edit, and we want a new card.
And notice it does not have the title since the title
is on the foreground.
And what we're going to do is we're
going to put some information about one of our students.
So we're going to start with Colorado.
So I'm going to put a black box here so you guys
can see this better.
And again, I'm going to add a field.
So I'm going to say I want a new field because I
want to put some text.
I'm going to put the name of one of our students.
Say he's an engineer.
OK, now I've already typed the text in,
but I can double click on the field
to change what the field looks like because I
want to choose a new type font.
And now you can read this a little better.
Again, let's go back here so I can show you.
We have some different options for the field.
A field doesn't have to show up.
It can be transparent.
So we could have white text on a black backdrop
like I have here if I wanted.
It could be opaque.
I can have a shadow behind it.
Notice here this is an important one.
The text can be scrolling.
If you have more than just one screen of text
you want within a field, you can ask it to be scrolling.
We'll leave ours for right now.
Now let's say we want to see what this guy looks like.
I actually don't have a picture of him,
but we do have clip art.
So I'm going to go open up one of our clip art packages.
And let's go to people.
I have to get my Browse tool and click on people.
Let's say he looked like this guy.
We'll make him look like this guy.
So I'm going to copy this from my clip art package.
And now I'm going to go back to my new stack.
So I can use Go Recent.
And now I'm going to paste this.
And here's this guy.
And we can incorporate him.
Now we have two different cards here.
We have the card that we started out with.
And I can use the arrow keys on my Mac to go back and forth.
We have this card and we have this card.
But at this point they are not linked together.
I'm going back and forth with my arrow keys.
So what we have to do is add a button to link them.
So I'm going to create a new button.
But actually, I want this new button to be on the background.
Because I want to be able to access any of the states
from any of my cards.
So I'm going to create a new button.
And I'm in my background so you don't see the title.
We'll put it over top of Colorado.
Now this button is actually going to be transparent
because you don't want to see the name of the button.
But we do want it to highlight, which means it'll
flash when we click it.
And now we have to tell it that we want to link this button
to this card.
Now when you select that button, it goes to that card.
So the two cards are now linked together.
So this is very simple application of HyperCard.
But I hope you're getting the idea of how
you can link information.
Now let's go.
I hope you enjoyed that presentation by Catherine
on using HyperCard.
And I hope you kept the concept of a card-based metaphor
in your mind while some of you might have gotten up
and tried to fix your telescreen thinking that you
had lost all your color.
HyperCard, the original versions of HyperCard
were only black and white.
And it's actually only now that we are seeing color HyperCard
versions.
So don't worry.
It was.