Class Monday, February 24, 2014

Picking up from where we left off before February break:

Apps!

1.  Let’s look at some apps.  Which ones do you use and why?  What do you like about them?

Let’s check out the top free and paid apps on iTunes.

Let’s look at some of the Olympic apps.

2.  Let’s practice.  We’re going to try creating an app prototype on fluidui.com.  This is an easy to use, attractive site to quickly creating workable prototypes.  You don’t even need an account right now to just start playing around.

I would like you to create at least two to three different screens for an app.  Think about re-creating or re-inventing an app you like, or maybe make an app for the school website, the school store, Mustang sports, a club or team, whatever.

Double-click to create a new page and on the left you will see a menu with icons and other items to drag onto your screen.

3.  Android vs iOS (Apple)

Creating apps for an iPhone or iPad is different than for other systems, such as an Android phone.  Phones and tablets that run Android are open, meaning anyone can develop anything and share it.  We are going to be doing that so we can test our apps on our class Android device, my old Samsung Galaxy S2.

Check out the Apple developer website.  It is free to register as an Apple developer.  Generally speaking, if you want to develop apps for Apple devices you have to do so exclusively on a Mac.

When we develop our first app with Dreamweaver CS6 you will see that the app will be available for all operating systems but we will only be able to download it onto the Android phone to test it.

What is Android?  It is an open operating system created by Google.  It runs on most phones that aren’t iPhones.  There are tons of versions of Android and there are tons of devices that run differing versions.  Just check this out:

Android device fragmentation 

Also see:

cell/wireless coverage in area and top carriers

4. Dreamweaver CS6

Here is a video overview of creating and packaging an app with Dreamweaver CS6.  This is the project you will work on when we come back from February break.

How can you get Dreamweaver or any other Adobe product you like? Every Adobe product is available to download for free to try for one month. Students and teachers also receive a significant discount to purchase the software and/or to subscribe to Creative Cloud. We’ll talk more about this today.

5.  Your next project

You will create a mobile website for the Medford High School graduation with Dreamweaver CS6.

You will use one of Dreamweaver’s templates to create the mobile site.  When you’re done you will be able to download it and test it on my old Android phone (Galaxy S2).

Your mobile site has five pages- a home page, and four sub-pages.

Each page has a header, body area, and footer.

You are going to edit all of this and add your own content to develop your first mobile site!

Spend today thinking about what you would include in your app:

– Graduation details (date, time, location)

– Map

– Links to other sites (school website, Twitter, Facebook, Instagram, etc)

– Pictures

What else?  Those are just suggestions- you should come up with your own ideas, too!