This document provides instructions for adding grades to a Google Site by hosting the grades on Dropbox. It explains how to sign up for a Dropbox account, export grades from EasyGrade Pro and save them to the Dropbox public folder, and embed the grades on a new "Grades" page on the Google Site using an iframe. The process is then tested and instructions are provided for uploading updated grades by exporting new reports from EasyGrade Pro and allowing Dropbox to automatically sync the changes.

1. Prepared by Richard D Ferreria (Taft High School, Woodland Hills
CA)
ADDING GRADES TO YOUR GOOGLE SITE

2. AN OVERVIEW
 Sign up for (another) free web hosting
service
 http://www.dropbox.com
 Export grades from EasyGrade Pro
 Create and edit a new “grades” page on your
google site
 Test your work
 Uploading updated grades

3. HOST YOUR GRADES

4. HOST YOUR GRADES
 Grades must be hosted on the internet
somewhere
 This is one place where google sites is unflexible
 One easy solution is to use DROPBOX
http://www.dropbox.com

5. SIGN UP FOR DROPBOX

6. SIGN UP FOR DROPBOX
http://www.dropbox.co
m

7. SIGN UP FOR DROPBOX
Click on the arrow
next to“Log In”

8. SIGN UP FOR DROPBOX
Click
“Create an Account”

9. SIGN UP FOR DROPBOX

10. SIGN UP FOR DROPBOX
Fill in all fields

11. SIGN UP FOR DROPBOX
Fill in all fields

12. SIGN UP FOR DROPBOX
Download and
install Dropbox

13. SIGN UP FOR DROPBOX
 Once installed, dropbox will behave just like
a folder on your machine,
 You can save files in your dropbox like you
are accustomed to, except these files will be
“on the cloud”

14. SIGN UP FOR DROPBOX

15. SIGN UP FOR DROPBOX
Notice the new folder
called “My Dropbox”

16. SIGN UP FOR DROPBOX
You are finished signing
up for Tripod!
Don’t lose your login
information …

17. SIGN UP FOR DROPBOX
Note: Unless you are
internet experienced, I
recommend that you
use tripod for hosting
your grades only.

18. EXPORT YOUR GRADES FOR THE FIRST TIME

19. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
OVERVIEW
 Make sure all students have a password
 Enterpasswords from the “Student” tab
 Student passwords guidelines
 alpha-numeric only (no spaces)
 between 6 and 24 characters
 Access the “Internet menu” on EasyGrade
Pro
 Create grade reports on you dropbox’s
“PUBLIC” folder

20. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO

21. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Select the “Internet” menu
(Looks like “@”)

22. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO

23. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Select “Create Website Reports”
Select “All Classes in Term1”
(if you use multiple terms,
select the appropriate term)

24. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Select
“Options”

25. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Include student data
•Check “student ident.”
•Include “Overall
grade”

26. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Include Grade Summary
Include Assignment
chart

27. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Include Attendance
(if you like)

28. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Check and edit
“Display Options”
(if you like)

29. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Click “Create

30. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO

31. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Store your grades in
“Documents/My Dropbox/Public”

32. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
IMPORTANT!!!
Make sure
1) file name is “index”
2) Type is “html file”
Click “Save”

33. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Unless you are setting up your
grades for the first time,
you are done exporting grades!

34. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
Navigate your computer to
Documents/My Dropbox/Public

35. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO

36. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
These files here are the ones
created by Easy Grade Pro

37. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO

38. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO

39. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
1- Right click “Index.html”
2- Select “Dropbox-> Copy public
link”

40. EXPORT WEBSITE GRADES
FROM EASYGRADE PRO
You will need this link to create your
grades page on Google Sites

41. CREATE A NEW “GRADES” PAGE
IN YOUR GOOGLE SITE

42. CREATE A NEW “GRADES” PAGE
Overview
 Create a new page called “grades”
 Edit the html for the Grades page
 We are embedding the grades from
tripod.lycos.com into your google sites
 Create the appropriate links
to your Grades page

43. CREATE A NEW “GRADES” PAGE

44. CREATE A NEW “GRADES” PAGE
Click “Create Page”

45. CREATE A NEW “GRADES” PAGE

46. CREATE A NEW “GRADES” PAGE
Select “Web Page”

47. CREATE A NEW “GRADES” PAGE
Name your page
“Grades” or w/e you
like

48. CREATE A NEW “GRADES” PAGE
I like my grades on the
top layer, but can put it
anywhere you like

49. CREATE A NEW “GRADES” PAGE
Click “Create Page”

50. CREATE A NEW “GRADES” PAGE

51. CREATE A NEW “GRADES” PAGE
Click “html”

52. CREATE A NEW “GRADES” PAGE

53. CREATE A NEW “GRADES” PAGE
Type :
<iframe src=“xxx">
</iframe>

54. CREATE A NEW “GRADES” PAGE
Instead of “xxx” paste the link that you just
copied from your “My Dropbox/Public”
folder

55. CREATE A NEW “GRADES” PAGE
My link looks like
<iframe src="
http://dl.dropbox.com/u/12500556/index.
html ">
</iframe>

56. CREATE A NEW “GRADES” PAGE
Click “Update”

57. CREATE A NEW “GRADES” PAGE

58. CREATE A NEW “GRADES” PAGE
Align to center (if you like)

59. CREATE A NEW “GRADES” PAGE
Click “Properties”
(to change iframe size)

60. CREATE A NEW “GRADES” PAGE

61. CREATE A NEW “GRADES” PAGE
Change your width and height
(if you wish)

62. CREATE A NEW “GRADES” PAGE
width = 800
height = 1000

63. CREATE A NEW “GRADES” PAGE

64. CREATE A NEW “GRADES” PAGE
This is your finished product
You will never have to change
this page again (unless you want
to)

65. TEST YOUR GRADE SITE

66. TEST YOUR GRADE SITE
 Navigate to your google site’s grade page
 Students (and parents) will need to know
their Last Name, Class, and Password
 Password and last name are case sensitive

67. TEST YOUR GRADE SITE

68. TEST YOUR GRADE SITE
Your website will
have this page

69. TEST YOUR GRADE SITE
Complete the “Class,”
“Last Name” and
“Password” Fields

70. TEST YOUR GRADE SITE

71. TEST YOUR GRADE SITE

72. TEST YOUR GRADE SITE
Looks like it works!

73. UPLOADING UPDATED GRADES

74. UPLOADING UPDATED GRADES
 On your computer, delete all files in your
“Documents/My Dropbox/Public” folder
 Export new html grade reports from EGP
 THAT’S IT!
 You do not need to update your Google Site

75. This presentation was prepared by
Richard Ferreria (Taft High School, Woodland Hills CA)
for CSUN S Ed 636 in 2010
THANK YOU FOR WATCHING!