JellyBellies and Variables

With a toothbrush, a pen, a quarter, and two pennies, which would YOU use to get jellybellies out of the jellybelly machine??

• Can't add numbers in strings.
• You can add numbers by concatinating them in strings. (4 + 4 = 44)
• Assigning
• Key, Value = definition, term
• TYPES - As you create a variable, you have to be careful about what TYPE of variable it is.

For your information, any coin worked in the jellybelly machine. :)

Corona SDK

Some links about Corona SDK:

• anscamobile.com - Corona's home page. You can download a free trial of this here. (The trial comes with a nice tutorial that demonstrates how to create a "hello world" application.)
• blogger.anscamobile.com - Read about success stories.
• Learning Corona - Here are some online tutorials about learning how to use Corona and program in lua.
• History of Corona - Wikipedia knows everything.

Yep

Lots of resources on the IPT studio

Jacob Burdis: HTML

• Hypercard -
• Bill Atkinson - first Hypercard program (or something like that)
• Shows you your content
• Tim Berners-Lee - CERN: created HTML to facilitate online collaboration

Scott Ashton: Service-Oriented Architecture

• Next level of object-oriented programming
• Takes principle of granularity and makes it more nad more complex.
• Groups functionality and out-sources them to others, including outside members of the cloud.
• Making services interact.

Step 2

For my project this week, I made a mock-up of my portfolio. The outline was helpful, but this mock-up helps me see exactly what I want to do. I thought a lot about what the purpose of the site was and I looked at other examples of online portfolios. I found that most often, people have portfolios for photography or art. So having an instructional design portfolio is kind of a neat concept. It allows me to display the work I've done on my various projects and find patterns among them, and display them as my own kind of art.





I also worked on the Lynda.com and learned about more elements, a few of which I used in my new code.

For next week:

• Use what I've learned to clean up my home page.
• Get ready to put in a database.
  

More HTML5

or vs.

• Italicize vs. emphasize

Pixels, BMP, and TIFF

Today we learned some things about Pixels, BMP, vector, and TIFF files.

• Vector images: use mathematical equations to create the shapes
  
• TIFF files: keep all the pixel information, but if you re-size it, it is

Also, some fancy websites about Corona:

• http://learningcorona.com/
• http://www.anscamobile.com/
  

Step 1

This past week I completed the the Lynda.com beginning HTML5 course on syntax and structure, lessons 1-4. You can view the files here: http://janachapman.com/ipt560/

In addition, I created a site outline:

I. Jana Chapman’s Portfolio

A. Brief summary of me

i. "We shall not cease from exploration and the end of all our exploring will be to arrive where we started and know the place for the first time." - T. S. Elliot

ii. Research Interests

iii. Values

iv. Hobbies

B. Projects (connect to DB)

i. For child audience

1. ISD Skills used

2. Development Skills used

3. Evaluation Skills used

ii. For public audience

iii. For military audience

iv. For corporate audience

v. For academic audience

vi. For no one in particular

C. Links to my favorite sites

HTML5 Stuff, cont'd.

• Navigation element is a flow and a content element
• Not all links need to be in a Nav element--just those with major navigation. Footer, for example, probably doesn't need a nav element.
• Would you want screen reader to read the links? If not, nav probably not necessary.
• Section element is also both flow and content
• Use div if it's simply for styling purposes.
• Sections can be used to break up parts of a blog
• Article: a self-contained composition that can be independently distributable
  
• Aside element - flow and sectioning content, consists of content that is tangentially related to the content around the element, and which could be considered separate from that content. ie. pull quotes, sidebars, etc.
• footer element- NOT a sectioning element.
  
• Pages and sections can have multiple footers
• hgroup element- Belongs to heading content, used to group set of h1-h6 elements when teh heading has multiple levels

Organizing an HTML page

1. Start with content. What do I want on my page? List and quantify the pieces of content. This helps to think what kinds of HTML5 content you're gonna have. Don't need to list every piece of content; just think of structural elements and the outlines that's going to create for assisted technologies, etc.
2. Sketch it up, according to graphical needs.
3. Decide which tags you're gonna use for what content.
4. Code away!

Some of the biggest questions:

• Does it start a new section? Y-Is it major navigation?
  
• Choosing the right structural element

Most important: Use tags consistently across the site and the application.

http://code.google.com/p/h5o : Different sites for HTML5 outlining

More about structure:

• use the id attribute as a unique identifier. Value must be unique.

More HTML5

Specifications for HTML5:
http://dev.w3.org/html5/spec-author-view/sections.html

HTML5 has a whole bunch of content models not previously available.

Header element:

• Header not required in HTML5.
  
• A header cannot contain another header or footer element.
• A header is not sectioning content.

Notes from class:

• Visual object lesson: Money! Which would you choose: 1000-peso bill from Mexico, $1 American bill, or a 2-peso bill from 1976?
• Envelopes to carry them in. But you can't tell which one is which. We need a way to refer to the envelopes: "Yoda," "Obiwan," and "Mace Windu."
• Value of this: You can change the values of each of the envelopes in one place, but you always have an envelope to refer to.
• Envelope = "variable" we can refer to.
• Learn about forms
• Something I learned: There is an input type "password" that lets you type something and it comes up as dots in the field so you can't see it!
• HTML is not case-sensitive.
• When you click on the submit button you create, the url changes.
• Any time you see a question mark, think "Variable!"
• In a POST method, you can't see the destination in the URL.
• In a GET method, you CAN see the destination in the URL.

• Math Magician on TED Talks
  

HTML5

From my Lynda.com tutorial today on Structure, Syntax, and Symantics, I've learned:

• HTML5 is a framework. It is for the programmer, so it doesn't make a visual difference to the user.
  
• You can get a T-shirt for HTML5.
  
• HTML5 is a markup language, not an authoring language

Start next time: Header Element

Mark UP

Difference between static and dynamic: Static is "This is the picture." Dynamic is "Get the picture from whatever is in the database at ___."

Mark-up:

• Just like marking up a document, with highlights and underlines
• You need the attributes: color, start/stop, #, type
• Hyper-text Markup Language = HTML
• If browser receives a text file, it will simply output text

2tailedmonkey.com - A nice place to learn about coding
w3schools.com - Another nice place to learn programming

Which project to do?

1. Personal Portfolio - as an accumulation of all my internships and projects I've worked on while in the IP&T program.
2. Info pages for FrontPaw - teach people about Personal Economic Modeling and how it can help them.
3. Susan Kenney Resources - Allow parents and teachers to learn activities to do with their children, as in Kenney's BYU Music Preschool
4. Phone app for Mothers - Discipline app