Project 3

Due

April 16- Phase 3.1

June 2-Phase 3.2

June 4 - Review of Other Student's Aps.

Points 200 (proposal + application) + 50 points student evaluation

Facebook Application with PHP and JavzaScript (using 3rd party frameworks), your own backend with PHP and Database

UNDER CONSTRUCTION

You are going to create a Facebook Application. This requires that you learn about Facebook APIs and also that you know PHP, HTML and JavaScript.

A Social Network application can be thought of both as an application and a mini web-site.
Technologies you must use include PHP, JavaScript, CSS, XML, HTML.

You must create your application upload it to your puzzle account. and deploy your application to Facebook and invite others to use it....

The application CAN NOT BE a quiz of any kind nor do I want a greeting card. You must gain approval of the applicaiton from instructor in Phase 3.1!!!

Requirements (in no particular order)

  • FACEBOOK: Use Facebook API ( JavaScript) to access Facebook user social (profile) data AND to do some kind of Social Channel (as you proposed)
  • SERVER SIDE: Have business logic implemented in PHP on the puzzle server, which must also use Oracle Database
  • DATA STORED: Data stored in the Database must be MEANINGFUL and NOT trivial (just storing the user's name and saying "Hello, Jane" is TRIVIAL...but, say you have a game and you save the last ten scores the user made and show it under "my Scores" link and possibly show on a "top gammers" link the top 10 scores of all your users.
  • CLIENT SIDE: Have nice HTML with CSS and Javascript interface. Consider our design priniciples we discussed in class.

READ UP ON HOW TO SEND DATA FROM JAVASCRIPT TO SERVER PROGRAM

Phase 3.1

Become member of facebook.com and use 20 apps. Then in a proposal describe your proposed app you will create.

Proposal: POST to BB->Discussion Board->"Project 3-Facebook App Proposal" as word document file attachment.

before beginning this option/project you must submit and proposal which must include the following sections PUT THIS IN A WORD DOCUMENT

  • Concept Summary (5 points) - a few paragraphs on purpose of Facebook Application
  • Audience (5 points) - demographics of intended audience.
  • Interface Mockups (5 points) - drawings (hand drawing is okay if readable, try out http://balsamiq.com/ ) of interfaces seen by user as they use the application --- you should have more than one as the application must do something
  • Use Case (5 points) - Diagram and Description of use of application (by hand or consider argouml.tigris.org)
  • References (5 points)- any (ideally online or electronic you can attach) references you used.
  • Social Data (5 points)- brief description of what social data you will request and how you will use it
  • Social Channel (5 points) - brief description of at least one social channel your Facebook App will utilize
  • Database Storage (10 points)- brief description of a minimum of 1 database table you use to store application specific data that is used in a NON TRIVIAL manner (I will not accept trivial data storage that is never really used or not used to any real purpose).

 

Deposit Design Document to "Blackboard->Discussion Board->Project 3 Proposal"

Phase 3.2

Implement application (create any necessary artwork and content). Deploy to Facebook. Publish your application. Invite instructor to use your application and classmates (to do this you must friend us and make us either developers or testors). Create a YouTube video showing you using the app sucessfully. ALSO, show us NaviCat and how your database table(s) have new entries or changed entries.


If called upon be ready to dDemonstrate in classt. Deliver to both wiki AND project Blackboard links your Applicaiton.zip and put URL of facebook app AND URL of public YouTube video in body of upload for quick and easy access.

 

 You create a page named   "YOU_LAST_NAME"   so if I was making a page in the wiki it would be called "GREWE"



In this page place the following information

1) URL to Facebook app
(should look something like) http://apps.facebook.com/YOUR_STUFF

2) Attached zip file of code (Application.zip)

3) CodeDescription.doc

4) URL to public YouTube Video (public) that shows BOTH using the application and the resulting changes/additions to your database table entries.

 

you should ask friends and family to use your app to generate results

 

HOW TO DO YouTube Video:

YouTube VIDEO SUBMISSIONS Youtube videos that you share with me demonstrating your work -- the easiest way to do this is via a smart phone (most Android and iOS devices have the ability to upload the video directly to Youtube). It is your responsibilty to get a Youtube account and to understand how to post videos so that they are private only shared with people you directly invite. You can only post videos if you already have a YouTube account. Note the email address given to you by campus to my knowledge does not allow you YouTube access so you will have to use a gmail account to get the youtube account. Similarly, my campus email does NOT give me YouTube access. PRIVATE videos can only be viewed by others with Youtube accounts that you share the video with. My email address with YouTube account for sharing is llgrewe@gmail.com. NOTE: university email accounts do NOT have use of YouTube You MUST ALSO send me an email at lynne.grewe@csueastbay.edu to tell me you have sent me an invite at llgrewe@gmail.com as I do not actively check that account.

YouTube TIP: when you "upload" a video to your YouTube - you should set the type to Private (not Public or Unlisted). When you currently publish this way from an iphone it gives you the option to then "Tell a Friend" At this point you can type in my email address (llgrewe@gmail.com)

YouTube How to Share From In YouTube Account: This is how to do this as of the time of editing this document, for recent changes search on "YouTube share private video" or go to YouTube.com to look for help.

Step 1) Log into your YouTube Account 
Step 2) after you have uploaded the video and set it to Private, go to the Video and hit the "Edit" button. 
Step 3) Type in Name of Video to reflect desired name (if it is not already setup that way when you uploaded it) 
Step 4) Type is description that says the status of the Video work you are demonstrating (if you are demonstrating some work tell me what works and what doesn't---be detailed)
Step 5) Invite me under the Private button by typing in my email llgrewe@gmail.com

syllabus- setting to invite for private YouTube video

 

  

Evaluation Guidelines

Deliverables

  1. All code and content Posted on the server.
  2. CodeDescription.doc: A one page description of how you: structured the code...how it works, what each function/class represents and its methods do. You MUST include screen shots of the application working and URL of how to get to it.!!! SECTION 2: STATUS: here you must state what pages and requirements you have implmemented and ESPECIALLY TELL ME what you have not finished or is not working MUST HAVE A SECTION:STATUS
  3. Application.zip Upload the files to blackboard project: all code and content files, CodeDescription.doc to Blackboard->Projects->Project 3
  4. YOU MUST ALSO upload Application.zip to the Project 3 wiki!!!
© Lynne Grewe