ana.words, programmieren für einsteigerInnen

lieber neuer anwender

vor einiger zeit habe ich erfahren, dass du gerne mal
dem komputer zeigst was er zu tun hat. nämlich ihn zu
programmieren. hier habe ich was nettes gefunden mit
dem du bestimmt einigen spass haben wirst.

als erstes die programmierumgebung herunterladen und
installieren und starten:
windoefs: http://www.contextfreeart.org/download/ContextFreeInstall2.0.exe
mac os x: http://www.contextfreeart.org/download/ContextFree2.0.dmg

wenn du noch nie ein programm vom internet geladen und
installiert hast, fragst du am besten dein mami oder
deinen manager.

alles weitere ab hier kannst du alleine:

die programmierumgebung "Context Free" ermöglicht dir
mit einer einfachen sprache dem computer befehle zu
geben. diese befehle sind im fenster links als text
eingegeben. der computer führt dann mit der taste
"render" die befehle aus und zeichnet das resultat im
rechten teil des fensters.

für dein erstes programm öffnest du ein neues fenster:
im menü file: new... anwählen. es erscheint ein leeres
fenster.

die sprache ist ganz einfach, es gibt einige eingebaute
zeichnungsbefehle. am anfang steht immer startshape und
der titel meines programmes, hier DOOR. danach wird ein
kreis (CIRCLE) und ein quadrat (SQUARE) gezeichnet.

links im leeren fenster kopierst du folgenden text ein:

startshape DOOR

rule DOOR {

CIRCLE { b 0.5 y 0.5 }

SQUARE { }

}

--- dies nicht mehr. und taste render klicken! schön
ist das, der komputer hat deine befehle
entgegengenommen und gezeichnet.

für jeden befehl, so auch für CIRCLE, gibt es
sogenannte parameter. diese sind in den geschweiften {
} klammern angegeben. die parameter sagen dem kompi,
wie genau der kreis aussehen soll:

x ist die position des kreises auf der unsichtbaren linie von links nach rechts
y ist die position des kreises auf der unsichtbaren linie von unten nach oben
b ist farbe, 1= schwarz, 0 = weiss

wird ein parameter nicht angegeben, wie beim SQUARE, ist sein wert = 1

nochmals im menü file: new... und weiter geht es mit folgendem programm:

startshape DOOR

rule DOOR {

CIRCLE { b 0.5 y 0.5 }

SQUARE { }
SQUARE { b 0 size 0.9}

}

--> nun ist das bild schon ein kleines haus ;-)

und endlich der trick mit rekursion, das wird dich umhauen:

die tür zeichnet sich selber nochmals mit halber grösse
size 0.5 und mit y -0.25. die tür zeichnet sich so lange
selber, bis sie so klein ist, um nicht mehr wahrgenommen
zu werden. dann stoppt das programm. der aufruf des
befehls innerhalb des befehls nennt sich rekursion.

und das sieht im programmcode so aus:

startshape DOOR

rule DOOR {

CIRCLE { b 0.5 y 0.5 }

SQUARE { }
SQUARE { b 1 size 0.9 }

DOOR { y -0.25 size 0.5 }
}

falls du es bis hierhin geschafft hast, hast du den
computer programmiert. mit deinem programm-code hat der
computer verstanden, was du von ihm willst und er führt
es für dich aus.

um die sprache zu vertiefen und schöne grafiken zu sehen,
kannst du im menü help: lession und lession2 die
sogenannten tutorials durchsehen. diese sind ähnlich wie
dieses mail aufgebaut und zeigen dir auf englisch noch
mehr tricks mit dem "Context Free".

noch toller die beispiele (examples). dadurch dass diese
auch in einem fenster in deiner programmierumgebung
erscheinen, kannst du diese nach lust und laune
verändern.

im internet gibt es noch mehr beispiele in der galerie
und lesenswertes zu den befehlen und parametern :-)
http://www.contextfreeart.org/gallery/

wenn du fragen hast, dann schreib mir doch zurück und ich
probier dir zu helfen.

viel vergnügen

mahal

attachment: http://ana.ch/words/bilder/blue.pattern.png
bilder: http://ana.ch/words/bilder/

attachment: http://ana.ch/words/bilder/colourful.neurons.png
bilder: http://ana.ch/words/bilder/

http://ana.ch/words/archive/?id=4909

-- = -- -- = -- -- = --

a n a . w o r d s
aus dem hellblauen salon

words@ana.ch
http://ana.ch/words/
ana.txt seite 444

reicht ana.words weiter!

_____________
________________________
______________________________
____________________________________
________________________________________
_____________________ __________________
____________________ ___________________
______________________ ___________________
______________________ _____________________
____________________ ____________________
______________________ __ _____________
____________ _______
_________ ___________
_______ ______________
______ _________________
______ ________ ____________________
_____________________ ______________________
____________________ ___ ________________________
____________________ ______ ________________________
__________________ _______ __ _______________________
__________________ ________ ___ ________________________
____________________ ______ _ ________________________
______________________ ____ __________________________
_________________________ __ ____________________________
_____________________________ ____________________________
_______________________________ ____________________________
_______________________________ ____________________________
_______________________________ ___________________________
_______________________________ ___________________________
_______________________________ ___________________________
______________________________ ___________________________
_____________________________ ___________________________
____________________________ ____________________________
____________________________ _ ___________________________
____________________________ __ ___________________________
___________________________ ____ ___________________________
___________________________ _____ ___________________________
__________________________ _______ ___________________________
_________________________ ______ __________________________
________________________ ________ __________________________
______________________ __ __________ ___________________________
______________________ _ _________ __ ________________________
___________________ ___________ ________________________
___________________ ___________ ______________________
__________________ _____________ _____________________
_________________ _____________ ____________________
______________ ______________ ___________________
_____________ _______________ __________________
____________ ________________ ________________
__________ ______________ _____________
________ ______________ _________
_______ _____________________ ____
______ ____________________________
_______________________________
________________________
______________

best viewed in a fixed-width font such as monaco or courier

ana.words, was liegt wo in welchem band

das ist sehr aufschlussreich. wer macht
in welcher frequenz welchen elektrosmog:

http://www.ofcomnet.ch/cgi-bin/nafz.pl

und dann ohne irgendwelche eingaben Search

geektalk!

hier ein auszug:

1606.5 - 1625 kHz MARITIME MOBILE

87.5 - 108 MHz BROADCASTING
Land mobile
4.4 Broadcasting primary.
Land mobile secondary. CIV Broadcasting (terrestrial) Band II (FM):
RIR0201-30

SAP/SAB and ENG/OB:
RIR0203-20

Short Range Devices:
Wireless audio applications
RIR1013-19,
ERC/REC 70-03 OFCOM follows closely developments in digitalisation
of sound broadcasting in bands II and III.

Anticollision alarms:
868.0-868.6 MHz, 2.5 mW, < 1 % Duty Cycle,
RIR1008-17

1613.8 - 1626.5 MHz AERONAUTICAL RADIONAVIGATION
MOBILE-SATELLITE (Earth-to-space)

47.2 - 47.5 GHz FIXED
FIXED-SATELLITE (Earth-to-space)
5.552
MOBILE
Amateur
5.552A ENG/OB secondary. CIV/MIL ENG/OB:
RIR0203-15 High Altitude Platform Stations (HAPS) in the bands:
47.2-47.5 GHz / 47.9-48.2 GHz.

http://ana.ch/words/archive/?id=4907

ana.words, absence of abruptness: faaaade

http://headrush.typepad.com/creating_passionate_users/2007/01/iphone_and_the_.html

I was at the Steve Jobs keynote. And like everyone else in that room,
I was thrilled by the iPhone demo. The UI is spectacular, but for
reasons you can't see in a photograph, or get from the online keynote
video. The best part of the iPhone is simply this: the UI is alive. By
implementing one of the key principles of animation, the designers
have shown us the stunning power of using Dog Ears as a user
experience model.

In the real world, we have physics. We have inertia. Things bounce and
stretch and squash. We have follow through. Imagine a dog with long
floppy ears sprinting for a frisbee. Now picture the dog coming to a
screeching halt in front of the disc. What happens to the ears? They
keep going. Then they "bounce" back. And it's a big part of what
separates a good animator from an amateur.

Even if you don't notice it consciously, an animation (even of just
words) feels more appealing and alive when things move in the virtual
world more like things do in the real world (or even more
exaggerated). It feels more lyrical, fluid... less abrupt. And that is
what the iPhone UI does.

Yes the touch-screen is cool. And the multi-touch gestures are so very
minority-reportish. But it wasn't the scrolling that made my jaw
drop... it was what happened when the scrolling stopped: it bounced!
The thing actually bounced if you flicked it hard and fast enough to
send it flying up to the very (or bottom) of the list before it had a
chance to slow down and stop. It actually bounced. And until you've
seen it slow down and bounce, you haven't felt that visceral, life-
like, fluidity.

Someone was quoted as saying, "You had me at scrolling." Well, for me
it was, "You had me at what happened when the scrolling stopped."

And bouncing wasn't the only nod to a fluid user-experience... it also
uses audio fades when you're listening to music (iPod mode) and a call
comes in. Think about it. I attended a talk by Marc Canter in the
mid-90's, and it changed the way I think about sound and users
forever. In that talk, he railed against us--the interactive CD-ROM
developers--for committing one of the worst sound sins--chopping the
sound off when a user navigated from one place to another. He
demonstrated it by making a huge verbal ruckus and then--dead
silence--then back to a huge verbal ruckus. It was annoying. It was
stressful. It was what we were doing to our users.

And all it took to fix it was a fade! An f'n fade. Not a long,
elaborate, complicated cross-fade. Just a very short fade-out of the
audio as you left an area where the sound was not going to continue.

From that moment on, I became hyper sensitive to how stressful it is
when sound--especially loud sound--just cuts off. And now, if I'm
listening to anything--music, a DVD movie, whatever--if I have to stop
the sound for some reason, I attenuate. I grab the knob and rotate it
to the left. It's one of those tiny gestures that my companions might
not even notice, but on some level they appreciate it.

Life is abrupt enough as it is.

Why not reduce some of that for our users? If we can make a user
experience where things don't come to a slamming, smashing, halt but
instead move and fade as lyrically as a dancer, we've just added
something to their life.

Try it. Turn the music up in your car or home stereo to a pretty
strong (but good) volume. Ask a friend to join you. At one point, when
they're in the flow, cut the sound completely. Kill the power. Notice
their response. Now do it again, but this time fade the volume.

This is not a trivial thing.

And although Apple and the iPhone certainly aren't the first to use
this kind of "absence-of-abruptness" to the user experience, they've
done it in an elegant, subtle, flow-supporting, enchanting way.

Consider it UI research to sit in a dog park and watch some ears. Big,
floppy, ears.

[FIY: after leaving San Francisco, I was home for less than 12 hours
before getting on a plane for Australia, where I am now for the
wonderful linux.au conference. So, my apologies for being off-line for
the last week. It looks like I have a decent connection here in my
hotel, so I should be checking in regularly again while I'm here. And
oh GOD how I love summer. It was below zero F as I left Denver.]

Posted by Kathy Sierra on January 14, 2007 | Permalink

TrackBack URL for this entry:
http://www.typepad.com/t/trackback/7497881

http://ana.ch/words/archive/?id=4906

-- = -- -- = -- -- = --

a n a . w o r d s
aus dem hellblauen salon

words@ana.ch
http://ana.ch/words/
ana.txt seite 444

reicht ana.words weiter!

vragen & kommentare & texte, die
ihr davon findet, sie seien es wert,
dass es die ganze welt erfaehrt, oder
mindestens die redaktion, dann
<mailto:words@ana.ch>

du willst auch? immer mehr?
dann abonnier auch du ana.words:
<http://ana.ch/txt/444> oder
<mailto:anajordomo@ana.ch> mit subject:subscribe