Applied Interactive Story by jAC0rP3g

VIEWS: 0 PAGES: 47

									                      Web Design Workshop
                                               DIG 4104c
                                               Fall 2012
                                    Dr. J. Michael Moshell
                                       and Mr. Jon Friskics
                               University of Central Florida

www.redbugbblle.com                                Lecture 1:
                                The Framework for the Course
                                                        And
                                          The Startup Game

                                                                1
The Objectives of the Course
1. Gain experience in website development; specifically
      MOBILE Interactive Website development




                                                          -2 -
The Objectives of the Course
1. Gain experience in website development; specifically
      MOBILE Interactive Website development

2. Gain experience with version control systems; specifically
              git




                                                                -3 -
The Objectives of the Course
1. Gain experience in website development; specifically
      MOBILE Interactive Website development

2. Gain experience with version control systems; specifically
              git



3. Learn how to become rich as an Entrepreneur
       (so you can give millions to UCF!)


                                                                -4 -
The Nature of a Workshop

                      Knowledge           Experience



 Canonical            A history course
 Material                        A PHP Programming
                                 course



 Developmental         Seminar             Workshop
 Material                        This Mobile Workshop
 (changes from
 semester to semester)                                  -5 -
The Scheme of the Course: Traditional
1: Become a habitual user of git
2. Become a skilled user of Jquery Mobile
2. Learn essential design principles for Mobile Web
3. Carry out Project 1 (individual: warm-up)
4. Carry out Project 2 (group: git coordination)
Midterm Exam
6. Read 15 papers on mobile web design
       prepare presentations
7. Make presentations
8. Final Exam


                                                      -6 -
The Scheme of the Course: Traditional
1: Become a habitual user of git
2. Become a skilled user of Jquery Mobile
2. Learn essential design principles for Mobile Web
3. Carry out Project 1 (individual: warm-up)
4. Carry out Project 2 (group: git coordination)
Midterm Exam
                                                  AND: Have
6. Read 15 papers on mobile web design
                                                 A life-changing
       prepare presentations
                                                   Wonderful
7. Make presentations
                                                  PROJECT 3
8. Final Exam
                                                  Experience.
                                                     (?How?)
                                                                   -7 -
The Usual Problem: TEAMS!
They suck, don’t they?

                                                    Dreamstime
Either (a) your leader is an egomaniac, or          .com

(b) Your team members drop out without telling anybody, or
(c)They can’t (or don’t) do what they say they will




                                                                 -8 -
The Usual Problem: TEAMS!
They suck, don’t they?

                                                    Dreamstime
Either (a) your leader is an egomaniac, or          .com

(b) Your team members drop out without telling anybody, or
(c)They can’t (or don’t) do what they say they will

AND (d) there is no good way to choose team members.

Prof assigns: You get stuck with the losers
Choose friends: Not necessarily the brightest bulbs on the tree
Random: Who ARE these people, anyway?
                                                                  -9 -
Then, why have them?
a) Real businesses ARE teams
b) Prof can’t grade 50 projects                       Patricia Abon

c) You might learn from each other

SO we were looking for a new way to approach the problem.

And magically, there appeared a new model on the horizon.




                                                                      -10 -
Then, why have them?
a) Real businesses ARE teams
b) Prof can’t grade 50 projects                       Patricia Abon

c) You might learn from each other

SO we were looking for a new way to approach the problem.

And magically, there appeared a new model on the horizon.

KEY IDEAS: Hire the best people for your team
      Pay them on a competitive basis, like the real world
              Fire them if they don’t perform
           Reward them (and yourself) for success                     -11 -
A worldwide organization, Startup Weekend, has helped
  conduct two events in Orlando. (Another in November)

Moshell participated in Startup Weekend Education

Individuals ‘pitch’ an idea for 60 seconds.
People in audience vote-with-Postit Notes to select ten best
Those people are designated as Entrepreneurs

They then build and lead Corporations.
                                                           -12 -
The Scheme of the Course
1: Become a habitual user of git
2. Become a skilled user of Jquery Mobile
2. Learn essential design principles for Mobile Web
3. Carry out Project 1 (individual: warm-up)                Hence, a
4. Carry out Project 2 on YOUR mobileS                STARTUP GAME
Midterm Exam
6. Read 15 papers on mobile web
7. Make presentations                                    Pitch concepts
8. Final Exam                                       Raise equity capital
                                          Form a corporation, hire staff
                                     Design product, market test, build
                                 Improve and extend the final product
                              Participate in a Market Driven Evaluation

                                                                    -13 -
THE STARTUP GAME: KEY FEATURES

1. We are creating a ‘simulated economy’.
2. You will earn Bucks
      by several mechanisms


3. Your grade for Project 3
   (20% of course grade)
   is determined SOLELY by how many bucks you
   have at the end of the semester.



                                                -14 -
THE STARTUP GAME: KEY FEATURES

What ‘roles’ exist in this game?

• Entrepreneur – pitch an idea, convince investors to fund it!
   • Sell stock, raise Equity Capital. You control lots of Bucks.


• Worker – sell your services to an Entrepreneur

• CEO – Start a Closely Held Corporation (CH Corp).
  You also have stock, but no outside investors.
  You work on Government contracts, earn money,
      pay your workers.

                                                                    -15 -
 THE ENTREPRENEUR’S PATH


   DIG4104c      Up to 50
    Students      People
(~55 of them)   Pitch ideas




                              -16 -
 THE ENTREPRENEUR’S PATH


   DIG4104c      Up to 50     Post-it Vote     10 Stage 1
    Students      People                     Entrepreneurs
(~55 of them)   Pitch ideas                   Are chosen




                Everyone
                 Builds
                  Brief
                Resumés
 THE ENTREPRENEUR’S PATH


   DIG4104c      Up to 50     Post-it Vote        10 Stage 1
    Students      People                        Entrepreneurs
(~55 of them)   Pitch ideas                      Are chosen



                                              10 Ents
                Everyone                      Choose
                 Builds                        Prelim
                  Brief                      (design)
                Resumés                        Teams

                                                            -18 -
                          DIG 3563
RAISING CAPITAL           With plenty
                            bucks

10 ents from 4104c
              Investors
                Vote
                For 6
                 Best
                ideas
                          DIG 3563
RAISING CAPITAL           With plenty
                            bucks
                                                     I1
10 ents from 4104c
                                                            E1
                                                           Has
              Investors                 Investors          88k
                Vote                                      Bucks,
                                           Buy
                                                           100
                For 6                    Stock in    I2   shares
                 Best                    Dutch-
                ideas                    Auction            E2
                                                           Has
                                                           74k
                                                          Bucks,
                                                           100
                                              Etc…        shares
                                                           -20 -
                          DIG 3563
RAISING CAPITAL           With plenty
                            bucks
                                                     E1
10 ents from 4104c                                            I1
                                                            I1
                                                             Has
                                                           Has
              Investors                                       77
                                        Investors           77
                                                           Shares
                Vote                                      Shares
                                           Buy             Of FLK
                                                          Of FLK
                For 6                    Stock in    I2
                 Best                    Dutch-
                ideas                    Auction            I2
                                                              I2
                                                           Has
                                                             Has
                                                            65
                                                              65
                                                          Shares
                                                           Shares
                                                            Of
                                                              Of
                                              Etc…         IBN
                                                             IBN
                                                            -21 -
Forming Public Corporations

6 Ents with Bucks

               Ents
               Hire
              Their
              teams




                              -22 -
Forming Closely Held Corporations

ANYBODY can do it

               Ents
               Hire
              Their
              teams


               CEOs
               Start
                CH
               Corps
                                    -23 -
PH Corporations:
Receiving Funding (to pay your workers)

                                             eXchange
                                              Has I3’s
 Ents                                        45k Bucks
 Hire                            E3
Their                           Has       8/28: 15k
                                45k
teams                          Bucks
                            SUBSCRIBED




                                                         -24 -
Receiving Funding (to pay your workers)


                                             eXchange
                                              Has I3’s
 Ents                                        45k Bucks
 Hire                            E3
Their                           Has       8/28: 15k
                                45k
teams                          Bucks      9/27: 15k
                            SUBSCRIBED                   I3 review




                                                            -25 -
Receiving Funding (to pay your workers)


                                              eXchange
                                               Has I3’s
 Ents                                         45k Bucks
 Hire                            E3
Their                           Has       8/28: 15k
                                45k
teams                          Bucks       9/27: 15k
                            SUBSCRIBED                       I3 review


                                          10/26: 15k

                                                       I3 review




                                                                   -26 -
The Equity Payoff – Final Review by Class X


   eXchange
  Has Market                                       I3 Stockholder
   Earnings
  (allocated
  By Class X                     E3
                            Entrepreneur
    Review)                  Stockholder




                                     W21 Stockholder



                                                                    -27 -
Closely Held Corporations: Cash Flow

    CEOs
    Start
     CH
    Corps




                                       -28 -
Receiving Funding (to pay your workers)


                                              eXchange
     CEOs                                    Has Monthly
     Start                                    Contract
      CH                                      Revenue
                               C3
     Corps                                8/28: 10k
                               Has
                               30k
                              Bucks       9/27: 10k
                           CONTRACTED                 GOV review




                                                           -29 -
Receiving Funding (to pay your workers)


                                              eXchange
     CEOs                                    Has Monthly
     Start                                    Contract
      CH                                      Revenue
                               C3
     Corps                                8/28: 10k
                               Has
                               30k
                              Bucks        9/27: 10k
                           CONTRACTED                     GOV review


                                          10/26: 10k

                                                       GOV review




                                                               -30 -
The Bonus Payoff – Final Review by Class X


   eXchange
  Has Market                        Closely Held Corporations
                                      T
                                 Have no External Stockholders
   Earnings
                                      h
  (allocated
  By Class X                    C3
                               CEO
    Review)                 Stockholder




                                     W41 Stockholder



                                                         -31 -
HOW MANY BUCKS == HOW MANY
 COURSE POINTS?

Well … that’s a SECRET. All you know is:

• There are several ways to earn Bucks
• More Bucks means more Points (0% up to 20%)

WHY is it SECRET?

We don’t want you using non-game methods of getting Bucks.

Theory: (You won’t SELL your bucks
      if you might NEED them…)                          -32 -
HOW CAN I EARN BUCKS?

BIG BUCKS: Be an Entrepreneur, create the best product!

OR: Be a CEO, do the best job on your Government Contract

GOOD BUCKS: Be good at what you do, work hard!
 (It’s permitted to work for several Entrepreneurs or CEOs)

INVESTMENT: You can buy other people’s stock, at any time,
  for any agreed-upon price.

      If their team makes the best product, you get Dividends.

                                                           -33 -
WHY BE AN ENTREPRENEUR?

POWER! (Bwa ha ha haaaaaa!)                2log.biz




Control your own fate

Sell stock to the public
Get Bucks to pay your employees (or subcontractors)
Negotiate Contracts with your employees, subs, other companies
Fire people who don’t perform
Reward people who do perform

      Reward yourself (salary, stock)
                                                          -34 -
HOW DOES STOCK WORK?

For Profit Corporations (6 of them)

Entrepreneur receives 200 shares of stock
Sells 100 shares to Equity Investors (in DIG 3563, Thursday!)
Keeps 100 shares of “Founder’s stock”
  You can subsequently

      * sell this stock for Bucks
      * use it as a reward for your Employees
      * hold on to it to receive the Dividend at end of semester


                                                             -35 -
HOW CAN I MOVE BUCKS or STOCKS?




                                  The online
                                  Exchange
                                  Opens on
                                  Friday
                                  24 Aug




                                          -36 -
HOW CAN I MOVE BUCKS or STOCKS?


                                  Your LOGIN
                                  Is your
                                  Last name
                                  And
                                  First
                                  Initial
                                  e. g.
                                  MoshellM




                                         -37 -
HOW CAN I MOVE BUCKS or STOCKS?



                                  Your
                                  Initial
                                  PASSWORD
                                  Is your
                                  Grading
                                  Code
                                  Number

                                  (like 10224)
                                  Get it on
                                  WEDNESDAY
                                          -38 -
The Obligatory Syllabus Walk-through
   www.cs.ucf.edu/~jmmoshell/DIG4104c

   * Syllabus, blah blah blah.

   * Please ALWAYS start Email Subject with DIG 4104c

   * Schedule, blah blah blah

   * Note that attendance at ALL lectures and FIRST HALF
      Labs is mandatory and counts toward grade.


                                                        -39 -
     Why Mobile?

                                                                                 surfmobee.com
Images and ideas in this talk are largely from Wroblowski's Mobile First book.
It's a reference text for this course.
Feature Phone: "Just a cellphone" with maybe a minimal browser

Smart Phone: originally = phone + Internet + PDA
  Quickly gained GPS, media player, camera, touchscreen, wifi
  Advanced API for Application Development
   An 'App Store' model
Impact:
"The process of browsing on little devices doesn't suck anymore"
              Wroblowski
                                                                                    -40 -
Mobile Design Considerations

                                                     surfmobee.com

Mobile is first-cousin to TABLET
so we will consider both environments concurrently
(but with a primary emphasis on Smart Phones)

Key issues for Mobile Design:

GROWTH: Opportunity
CONSTRAINT: Focus  quality!
CAPABILITIES: (mobile>desktop) Innovation

                                                              -41 -
The Opportunity

                                                         surfmobee.com

Mobile is booming:

* in 2010, growth of email on mobile was 36%
* in 2010, traffic to mobile websites grew by 600%
* mobile heavy-data users will reach 1 billion by 2013

(all data from Mobile First)



                                                                  -42 -
App versus Website

                                                       surfmobee.com
An App is a program that is written FOR the platform

Advantages of Apps:
  - Smoother user interaction
  - Robust access to local resources:
      - address book, SMS, camera, audio, position/orientation
  - Revenue stream from App store
  - App can appear on the device's home screen (front-of-mind)



                                                                -43 -
App versus Website

                                                     surfmobee.com
A Mobile web solution:

Advantages of Mobile Web:
  - Comes directly from a web-link or a search
  - Free to the user
  - Multi-platform
  - Instantly updated when website is updated
  - Much lower maintenance cost than multi-platform apps

Many services have BOTH an App and a Web solution, to
  get both sets of advantages                                 -44 -
App versus Website

                                                 surfmobee.com
A Mobile web solution:

More Advantages of Mobile Web:
 - Less programming know-how is required

And the main claim of Wroblowski:

Designing FIRST for Mobile will make
             your Desktop Websites better too!


                                                          -45 -
Your Design Challenge
(right NOW):

Think up a Mobile Web App to ‘pitch’                    surfmobee.com




If you want to be an Entrepreneur, get ready to Pitch the IDEA

If you DON’T want to be an Entrepreneur, give your idea to
Somebody who DOES want to be rich and famous.




                                                                 -46 -
Your Design Challenge
(right NOW):
                                                   surfmobee.com
1. CONSTITUENCY: Who are your USERS?
     (Orchid growers? Retired cops? Carpenters?)

2. SERVICE: What does your Web App DO for USERS?
      (Relies on active back end software to store data
             provided by at least one class of users)

3. BUSINESS MODEL: How would this Website make $$$?

4. SIMPLE ENOUGH to build in 12 weeks, by 3 to 5 people
      You have 8 minutes until Pitch Time!             -47 -

								
To top