EdTech 502: The Internet for Educators
Course Syllabus
Instructor Information
Andy Hung, Ed.D. Office Hours: by appointment
Phone: (208) 426-5542
E-mail: andyhung@boisestate.edu*
Adobe Connect: http://edtech.adobeconnect.com/hung/
*Email is the best way to reach me. If I haven't responded within 48 hours, please email me again. Contact me in other ways as needed.
Course Description
Locate, retrieve, and evaluate information found on the Internet. Design and produce instructional web pages using a combination of software and HTML5/XHTML/CSS. Apply appropriate instructional strategies and models to the design of digital curriculum.Course Outcomes
After completing this course the student will be able to:- create web pages using HTML;
- structure and style web pages using CSS;
- apply file management skills to maintain local and remote website files and folders;
- write validate HTML5, XHTML, and CSS code;
- create graphics for web pages;
- apply appropriate design principles to create professional looking websites;
- create accessible web pages for individuals with disabilities;
- identify and apply copyright and fair use guidelines for website development;
- create instructional web sites using high-quality instructional content;
- apply responsive design web development principles.
Course Location and Login Information
This is an online course delivered in Moodle. The Moodle login page explains how to login to Moodle. Contact Moodle Support at moodlesupport@boisestate.edu if you have problems accessing Moodle. If you have forgotten your password, click the link below the login box, "lost password?" and you will be able to reset it. When you login Moodle look for a link to EDTECH 502-4201 (SU14).Course Materials
Required Textbook
The Non-Designer's Web Book: An Easy Guide to Creating, Designing, and Posting Your Own Web Site (3rd ed.)Authors: Robin Williams & John Tollett
Date: 2006
Publisher: Peachpit Press
ISBN-10: 0321303377
Two places to purchase the textbook: Boise State University Bookstore or Amazon.
Required Video Tutorials
We will use a series of instructional videos provided by Atomic Learning. You will access these videos free of charge by logging into http://my.boisestate.edu and then going to http://www.atomiclearning.com
Required eBooks
We will use the following eBooks. These books are accessed through the Boise State library. You have to login with your my.BoiseState credentials to access them. [Note: You can download these books from a tablet and read them on your tablet for short durations if you prefer (e.g., if you use Safari on an iPad and have the free Bluefire Reader app, you can download and read these books for 10 days at a time); but you have to re-check them out every 10 days.]
HTML & CSS: Design and build websitesJon Duckett
http://boisestate.worldcat.org/oclc/796829490
Adobe Dreamweaver CS6: Digital Classroom
Jeremy Olsborn, AGI Creative Team
http://boisestate.worldcat.org/oclc/823387750
Adobe Dreamweaver CC: Digital Classroom
Michael Arguin, Greg Heald, AGI Creative Team
http://boisestate.worldcat.org/oclc/861559495
HTML & CSS: Design and build websitesJon Ducketthttp://boisestate.worldcat.org/oclc/796829490
Adobe Dreamweaver CS6: Digital ClassroomJeremy Olsborn, AGI Creative Team
http://boisestate.worldcat.org/oclc/823387750
Adobe Dreamweaver CC: Digital ClassroomMichael Arguin, Greg Heald, AGI Creative Team
http://boisestate.worldcat.org/oclc/861559495
Required Software
Adobe Creative CloudWe use Dreamweaver (either CS6 or CC) and Fireworks CS6 in this course. When you purchase Adobe Creative Cloud (also called Adobe CC), you will have access to Dreamweaver CS6, Dreamweaver CC, and Fireworks CS6, as well as a number of other Adobe Applications. Adobe CC is a subscription service. With Adobe Creative Cloud, you either pay each month (or for an entire year at a time) to have access to their main suite of applications which you can download and install on two different computers.
[Note: Adobe CC is the new cloud-based subscription model Adobe uses. You might still be able to find a copy of Adobe CS6 Design and Web Premium Suite (which includes Dreamweaver CS6 and Fireworks CS6) but the price continues to go up as Adobe phases out this software and moves users to Adobe CC.]
Additional Software
Students also need the following: anti-virus software, Adobe Reader, Flash player, QuickTime player, Fangs Screen Reader Emulator (Firefox add on), and an HTML5 Compliant Browser (i.e., the newest version of Firefox, Chrome, Safari or Internet Explorer).
Additional Technical Requirements
Internet Connection and FTP Capability
You need an up-to-date computer with an Internet connection in this course. You will create a series of web pages over the semester and FTP files to a web server at Boise State University.* If you plan to work from a school or business location, it may be necessary to request help from your network administrator because FTP is sometimes blocked.
*You can use your own web host if you prefer.
Alternative Web Space
The EdTech department provides web space for current students on the edtech2 server. However, sometimes things go wrong with the edtech2 server or students are unable to FTP to it (e.g., students living out of the country). Be prepared to obtain alternative web space if you are unable to connect to the edtech2 server. You may already have web space from your Internet Service Provider. Free or inexpensive web hosting is also easy to find.
You need an up-to-date computer with an Internet connection in this course. You will create a series of web pages over the semester and FTP files to a web server at Boise State University.* If you plan to work from a school or business location, it may be necessary to request help from your network administrator because FTP is sometimes blocked.
*You can use your own web host if you prefer.
Alternative Web Space
The EdTech department provides web space for current students on the edtech2 server. However, sometimes things go wrong with the edtech2 server or students are unable to FTP to it (e.g., students living out of the country). Be prepared to obtain alternative web space if you are unable to connect to the edtech2 server. You may already have web space from your Internet Service Provider. Free or inexpensive web hosting is also easy to find.
Assignment Policy and Grading Scale
Assignment Information
Detailed information about each assignment is posted in Moodle. Assignments are always due on Tuesdays. Check Moodle and your Boise State email regularly each week; announcements and course updates can be posted at any time.| Assignments | Points | |
| 1 | Scavenger Hunt (Module 1) | 10 |
| 2 | Bio & Introduction (Module 1) | 15 |
| 3 | Plain HTML 502 page (Module 1) | 50 |
| 4 | External CSS page for 502 page (Module 1) | 50 |
| 5 | Netiquette (Module 2) | 75 |
| 6 | Web Accessibility Hot Links (Module 2) | 75 |
| 7 | Copyright Scavenger Hunt (Module 3) | 75 |
| 8 | Interactive Concept Map (Module 4) | 75 |
| 9 | Jigsaw Activity (Module 5) | 75 |
| 10 | EdTech Homepage (default.html) (Module 5) | 75 |
| 11 | m-Learning Activity (mobile learning) (Module 6) | 75 |
| 12 | Virtual Field Trip (Module 7) | 150 |
| 13 | WebQuest (Module 8) | 150 |
| 14 | Participation in Online Discussions (Modules 1 - 8) | 50 |
| Peer Support (extra credit)* (Modules 1 - 8) | 50 | |
| Code Academy Badges (extra credit)** | 75 | |
| Total Points | 1000 |
*Earn up to 50 points extra credit for helping fellow classmates with technical & design problems. See Module 1 for more details.
**Earn 75 points extra credit by earning badges on Code Academy. See Moodle for more details.
**Earn 75 points extra credit by earning badges on Code Academy. See Moodle for more details.
Standards
The assignments in this course are aligned to the AECT standardsThis table lists the assignments by number from the previous table and the associated standards
| Assignment(s) | AECT Standards |
| 5, 6, 7, 8, 9, 11,12, 13 | 1.1.2.b Create instructional plans that address the needs of all learners, including appropriate accommodations for learners with special needs. |
| 9 | 1.1.2.c Integrate information literacy skills into classroom and media center instruction. |
| 5, 6, 7, 8, 9, 11,12, 13 | 1.1.2.d Incorporate contemporary instructional technology processes in the development of interactive lessons that promote student learning. |
| 3, 4, 5, 6, 7, 8, 9, 10, 11,12, 13 | 1.1.3.b Demonstrate personal skill development with at least one: computer authoring application, video tool, or electronic communication application. |
| 4, 5, 6, 7, 8, 9, 11,12, 13 | 1.3.b Identify at least one instructional model and demonstrate appropriate contextualized application within practice and field experiences. |
| 4, 5, 6, 7, 8, 9, 11,12, 13 | 1.4.b Describe and/or document specific learner characteristics which influence the selection of instructional strategies. |
| 4, 5, 6, 7, 8, 9, 10,11,12, 13 | 2.3.2 Design, produce, and use digital information with computer-based technologies. |
| 4, 5, 6, 7, 8, 9, 11,12, 13 | 2.4.1 Use authoring tools to create effective hypermedia/multimedia instructional materials or products. |
| 4, 5, 6, 7, 8, 9, 11,12, 13 | 2.4.2 Develop and prepare instructional materials and products for various distance education delivery technologies. |
| 4, 5, 6, 7, 8, 9, 11,12, 13 | 2.4.4 Use telecommunications tools ... to develop instructional and professional products. |
| 3, 4, 5, 6, 7, 8, 9, 10, 11,12, 13 | 2.4.5 Develop effective web pages with appropriate links using various technological tools. |
| 6 | 3.4.3 Identify and apply copyright and fair use guidelines within practice. |
| 6 | 3.4.5 Identify policies & regulations which apply to the utilization, application, and integration of distance delivery technologies. |
Final grades are based on the following scale.
| Grade | Points Required |
| A | 940 - 1,000 |
| A- | 900 - 939 |
| B+ | 870 - 899 |
| B | 840 - 869 |
| B- | 800 - 839 |
| C+ | 770 - 799 |
| C | 740 - 769 |
| C- | 700 - 739 |
| D | 600 - 699 |
| F | 0 - 599 |
Submitting Assignments: Most of the assignments are web pages that are submitted by posting the URL to the web site in the discussion forums.
Asynchronous Discussions: This is not a discussion heavy course. Most of the discussions focus on giving each other feedback; in each module you will post your work online and be expected to give your peers constructive feedback. Asynchronous discussions are worth 5% of your grade. Your best 10 posts will be graded during the last module of the course.
Synchronous Discussions: We will meet four times this semester for Happy Hour in Adobe Connect. Happy Hour is a time to meet to talk about the course, problems you might be having, or anything else that is on your mind. These meetings are optional. I will record them and post the recording in Moodle. I will log off if nobody shows up during the first fifteen minutes.
- 1st Happy Hour: tbd
- 2nd Happy Hour: tbd
- 3rd Happy Hour: tbd
- 4th Happy Hour: tbd
Grading Cycle
All assignments are graded together as a group to maintain a higher level of consistency. Grading begins on the first day after a due date and is typically completed before the next due date. You may track your progress through Grades in Moodle. At the instructors discretion, you may be able to pick up some points lost on web page assignments by fixing any problems (within a week of the assignment being graded) and reposting the URL to the assignment in the course and emailing the instructor about the update.Feedback
Feedback varies throughout the course. Some assignments simply get a grade if they are done correctly. Other assignments will get detailed feedback and at times include video feedback. I strive to give every student video feedback on his or her work at least once during a semester. Feedback is posted in the gradebook and sometimes in the discussion forums as well so that everyone can benefit from it.Late Work
Due Dates: All assignment are due on Tuesdays. Assignments must be submitted by 11:59pm Mountain time on scheduled due dates.Point Deduction for Late Work: Ten points may be deducted for each day an assignment is late. For example, an assignment that is two days late can lose 20 points as a late penalty.
Emergency Pass: If you have a major event such as a death in the family, illness, hospitalization, or you are out of town, you may turn in one assignment under the emergency pass. This assignment may be up to one week late and still qualify for full credit. After the one week extension has passed ten points per day can be deducted until the assignment is no longer worth any credit.
Your Responsibility with Late Work: If you are going to be late turning in an assignment for any reason, please e-mail the instructor at andyhung@boisestate.edu on or before the scheduled due date. When the assignment is completed you must send a follow-up email to let the instructor know it is ready to grade. This is how the late work penalty is calculated. Failure to notify the instructor could lead to a grade of zero.
Avoid End of Course Late Work: Please note that there are University deadlines for submitting grades at the end of the semester. All work must be turned in at least a week before grades must be posted.
Technical Difficulties
On occasion, you may experience problems accessing Moodle or class files located within Moodle, Internet service connection problems, and/or other computer related problems. Make the instructor aware if a technical problem prevents you from completing coursework. If a problem occurs on our end, such as Moodle or EDTECH2 server failure, then an automatic due date extension is granted.Reasonable Accommodations
Contact me privately if you may need accommodations based on a disability. You will also need to contact the Disability Resource Center at 208-426-1583 to talk with a specialist and coordinate reasonable accommodations for any documented disability.Academic Honesty
Students are expected to create original work for each assignment. Students must follow the Boise State Student Code of Conduct as well as observe U.S. copyright laws in this course.Please adhere to the following guidelines:
- Please do your own original work for each project. Projects that were created for other classes may not be submitted for credit in this course. Each project may only be submitted for credit one time by the person who created it. The BSU Student Code of Conduct states: "Academic dishonesty also includes submitting substantial portions of the same academic course work to more than one course for credit without prior permission of the instructor(s)."
- All projects and other assignments should be composed in original text that is written by the student who is submitting it. The exception to this is the use of small amounts of quoted material that is properly cited. Copying and pasting from other websites or projects (including the instructor's examples) is not permitted.
- The practice of copying code from the instructor examples is strongly discouraged. It is best to write your own HTML/XHTML/CSS. The work you submit should be clearly unique and different from the instructor example code.
- Images or other media used in projects should be original, used with permission of the owner, or come from the public domain. Please check terms of use on sites containing these items. If in doubt, don't use it.
- Please cite the source for materials that are obtained for your projects unless they are created by you. If permission is granted for use of copyrighted materials please post a statement explaining that near those materials.
Course Schedule
Detailed information about assignments is posted in Moodle. The instructor reserves the right to make changes to the schedule as needed. Readings and videos have been identified for each module to help you learn the key concepts to successfully complete each assignment. Some of the readings are chapters in ebooks provided through the library, others come from the textbook in the course, and others are simply electronic articles or web pages. We created some videos for this course; other videos were found on the web and others videos are provided by Atomic Learning. Depending on the version of Dreamweaver you are using though, you might have to find other videos to support learning certain concepts. Keep in mind though that the goal of this course is not to teach you how to use a specific version of Dreamweaver but rather for you to learn the necessary skills that would enable you to use any HTML editor. Adobe updates their products regularly so as an EdTech professional you need to be able to move from one version of Dreamweaver to the next as needed.Important!
Students are expected to spend 18-24 hours during summer semester each week on each EdTech course. However, some students spend more time than others learning HTML / CSS / Dreamweaver. For each module, there are various readings and videos to help you complete each project. Some students like to watch many (if not all of) the videos and complete all of the readings; others focus more on the videos and less on the reading. And yet, a small group of students often chose not to use any of the resources and just dive into the software. You have to determine the best way you learn software.Estimated times for each video are listed to help you plan your weeks accordingly. We recommend completing any reading and videos at the beginning of each module in order to give you enough time to complete each assignment (as well as enough time for any troubleshooting).
| Major Assignments | Readings & Videos |
| Module 1: Getting Started with Dreamweaver, HTML, & CSS (6/9 - 6/15) | |
|
[The following readings and videos will help you complete the plain 502 page]
Reading HTML and CSS by Duckett Ch. 1: Structure Ch. 2: Text
Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 1: Dreamweaver CS6 jumpstart Lesson 2: Setting up a new site
Adobe Dreamweaver CC by Arguin et al.
Lesson 1: Dreamweaver CC Jumpstart Lesson 2: Setting Up a New Site
Videos
Atomic Learning: HTML5 & CSS3 - Basics Training (17 min)
[The following readings and videos will help you create your external style sheet for your 502 page]
Reading
HTML and CSS by Duckett
Ch. 3: Lists Ch. 8: Extra Markup Ch. 10: Introducing CSS
Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 4: Styling your pages with CSS Lesson 12: Working with code-editing features
Adobe Dreamweaver CC by Arguin et al.
Lesson 4: Styling your pages with CSS Lesson 13: Working with code-editing features
Videos
Atomic Learning: HTML5 & CSS3 - Basics Training (27 min)
|
| Module 2: Typography and Accessibility on the Web (6/16 - 6/22) | |
|
[The following readings and videos will help you complete the netiquette page]
Reading
HTML and CSS by Duckett
Ch. 11: Color Ch 12: Text
Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 5: Creating page layouts with CSS Lesson 6: Advanced page layout Lesson 7: CSS3 transitions and web fonts
Adobe Dreamweaver CC by Arguin et al.
Lesson 5: Creating page layouts with CSS Lesson 8: Using web fonts
Non-Designer's Web Book by Williams
Pages 245 - 255
Videos
Atomic Learning: HTML5 & CSS3 - Basics Training (40 min)
[The following readings and videos will help you complete the accessibility hot links page]
ReadingReading
HTML and CSS by Duckett
Ch. 4: Links
Videos (43 min)
|
| Module 3: Copyright and Fair Use (6/23 - 6/29) | |
| Reading no recommended reading
Videos
Atomic Learning: Fireworks CS6 - Intro Training for a PC or Intro Training for a Mac (101 min)
|
| Module 4: Images for Web Pages (6/30 - 7/6) | |
| Reading
HTML and CSS by Duckett
Ch. 5: Images Ch. 16: Images
Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 3: Adding text and images
Adobe Dreamweaver CC by Arguin et al.
Lesson 6: Advanced page layout
Non-Designer's Web Book by Williams
Pages 167 - 198
Videos
Atomic Learning: Dreamweaver CS6: Intro Training for a PC or Intro Training for a Mac (22 min)
|
| Module 5: Creating Tables for Web Pages and Using Templates (7/7 - 7/13) | |
|
[The following readings and videos will help you complete the Jigsaw project]
Reading
HTML and CSS by Duckett
Ch. 6: Tables Ch. 14: Lists, Tables & Forms
Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 8: Working with tables
Adobe Dreamweaver CC by Arguin et al.
Lesson 9: Working with Tables
Non-Designer's Web Book by Williams
Pages 113 - 135 & 155 - 167
Videos
Atomic Learning: HTML5 & CSS3 - Basics Training (8 min)
[The following readings and videos will help you complete the default page]
Reading
HTML and CSS by Duckett
Ch. 13: Boxes Ch. 15: Layout Ch. 17: HTML5 layout
Adobe Dreamweaver CC by Arguin et al.
Lesson 12: Maximizing site design
Videos
|
| Module 6: Web Pages for Mobile Devices (7/14 - 7/20) | |
| Reading
Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 15: Mobile design and layout
Adobe Dreamweaver CC by Arguin et al.
Lesson 16: Responsive design and layout for mobile devices
Videos
Atomic Learning: Dreamweaver CS6: Intro Training for a PC or Intro Training for a Mac (13 min)
|
| Module 7: Virtual Field Trip (7/21 - 7/27) | |
| Reading
Adobe Dreamweaver CS6 Digital Classroom by Osborn et al.
Lesson 10: Adding Flash, video, and sound content
Adobe Dreamweaver CC by Arguin et al.
Lesson 11: Adding video, audio, and interactivity
Non-Designer's Web Book by Williams
Pages 142 - 152
Videos
Misc. Videos (26 min)
|
| Module 8: WebQuest (7/28 - 8/3) | |
| Reading
HTML and CSS by Duckett
Ch. 18: Process & Design
Adobe Dreamweaver CC by Arguin et al.
Lesson 7: CSS3 transitions and styles
Non-Designer's Web Book by Williams
Pages 263 - 289
Videos
|
| |
Refer to the Boise State Academic Calendar for University dates and deadlines (e.g., the last day to drop).
Conceptual Framework
College of Education - The Professional Educator: Boise State University strives to develop knowledgeable educators who integrate complex roles and dispositions in the service of diverse communities of learners. Believing that all children, adolescents, and adults can learn, educators dedicate themselves to supporting that learning. Using effective approaches that promote high levels of student achievement, educators create environments that prepare learners to be citizens who contribute to a complex world. Educators serve learners as reflective practitioners, scholars and artists, problem solvers, and partners.Department of Educational Technology Mission
The Department of Educational Technology supports the study and practice of facilitating and improving learning of a diverse population by creating, using, managing, and evaluating appropriate technological processes and resources. Believing technology is a tool that enhances and expands the educational environment, we promote the use of current and emergent technologies for teaching and learning in a dynamic global society. Educational technologists are leaders and innovators, serving in institutions of higher education, public or private school settings, federal, state, or local educational agencies, and educational organizations in the private sector.
No comments:
Post a Comment