Course Syllabus Web Page Design 2 IMED 2315

Transcription

1 Semester with Course Reference Number (CRN) Instructor contact information (phone number and address) Office Location and Hours Course Location/Times Course Semester Credit Hours (SCH) (lecture, lab) If applicable Total Course Contact Hours Course Length (number of weeks) Type of Instruction Course Description: Course Prerequisite(s) Fall 2014 CRN # Course Syllabus Web Page Design 2 IMED 2315 Instructor: Nicol Jamal Alexander Telephone: [email protected] or [email protected] (note the spelling - please be careful typing this!) By Appointment Tuesdays 5:45pm-9:45pm Rm. WLOP 136 Credit Hours: 3 Lecture Hours: 2 Laboratory Hours: 4 External Hours: Hybrid Instruction in designing and developing web pages that incorporate text, graphics, and other supporting elements using current technologies and authoring tools. PREREQUISITE(S): ARTC 1325 IMED 1316

2 Academic Discipline/CTE Program Learning Outcomes Course Student Learning Outcomes (SLO): 4 to 7 Learning Objectives (Numbering system should be linked to SLO - e.g., 1.1, 1.2, 1.3, etc.) SCANS and/or Core Curriculum Competencies: If applicable Instructional Methods Student Assignments 1. Create functional web pages and supporting elements using current authoring tools; and maintain web pages and supporting elements. 2. Instruction in web page design and related graphic design issues including markup languages, web sites, and browsers, with a special emphasis on an industry standard WYSISYG (What you see is what you get) web development program. Create functional web pages and supporting elements using current authoring tools; and maintain web pages and supporting elements. Instruction in web page design and related graphic design issues including markup languages, web sites, and browsers, with a special emphasis on an industry standard WYSISYG (What you see is what you get) web development program. SCANS Create functional web pages and supporting elements using current authoring tools; and maintain web pages and supporting elements. Instruction in web page design and related graphic design issues including markup languages, web sites, and browsers, with a special emphasis on an industry standard WYSISYG (What you see is what you get) web development program. Web-enhanced (49% or less) Hybrid (50% or more) Face to Face Create functional web pages and supporting elements using current authoring tools; and maintain web pages and supporting elements. No assignments selected for this outcome Instruction in web page design and related graphic design issues including markup languages, web sites, and browsers, with a special emphasis on an industry standard WYSISYG (What you see is what you get) web development program. No assignments selected for this outcome Student Assessment(s) Instructor's Requirements Upon satisfactorily completing this course, students will use Web authoring computer software to demonstrate the following competencies: Be able to set up a site using web authoring software tools Transfer files from a local drive to a remote server using web authoring tools Use a Web authoring application to create an entire Web site, from the planning process through the final upload Plan multiple page Web sites and take advantage of web authoring tools to avoid duplicating effort on each page, including templates and site

3 management features Import and format text using character styles and paragraph formats for consistency Add images to Web pages and modify them to create image maps Create hyperlinks between pages for navigation through the Web site Create tables for aligning text and images Build a Web site with tables to aid a viewer Add animation to a Web site using dynamic HTML Use Web authoring software to build in behaviors that require JavaScript Use timelines to create animations that do not require plug-ins or Java Include multimedia elements in Web pages Learn the basics how to create and process forms Understand the role of XHTML, XML, PHP and ASP in creating dynamic web sites Know the various graphic types for current web technology Understand and apply guideline requirements for each project, create and produce correct graphic formats for web page layouts Apply different stages of creating web graphics, troubleshoot, problem solve from the beginning (mock up level) to the final web output. Apply effective workflow in roundtrip editing with multiple web authoring tools Attend class regularly, missing no more than 12.5% of instruction and lab time (12 hours) HCC Grading Scale: A = B = 89-80: C = 79-70: D = 69-60: 4 points per semester hour 3 points per semester hour 2 points per semester hour 1 point per semester hour 59 and below = F 0 points per semester hour Instructor Grading Criteria Lessons/Readings 50%= 50 points Midterm 25%= 25 points Final 25%= 25 points Total = 100%= 1754 points

4 Instructional Materials Required Textbook and Materials MANDATORY TEXTBOOK REQUIREMENT (You will need your textbook for in class evaluations) The Official Joomla! Book (Paperback) by Marriott, Jennifer; Waring, Elin Edition: 2 nd ISBN13: ISBN10: Format: Paperback Pub. Date: 12/29/2012 Publisher(s): Addison-Wesley Professional REQUIRED - External Hard Drive (NOT FLASH Drives) One (1) realm of printer paper One Host site EGLS3 -- Evaluation for Greater Learning Student Survey System At Houston Community College, professors believe that thoughtful student feedback is necessary to improve teaching and learning. During a designated time near the end of the term, you will be asked to answer a short online survey of research-based questions related to instruction. The anonymous results of the survey will be made available to your professors and department chairs for continual improvement of instruction. Look for the survey as part of the Houston Community College Student System online near the end of the term. Distance Education and/or Continuing Education Policies Access DE Policies on their Web site: Access CE Policies on their Web site: Access Student Services Policies on their Web site:

5 FALL 2014 CALENDAR - TRADITIONAL 16-WEEK SEMESTER May 6- Monday August 22- Friday August 23- Saturday August 24- Sunday August 25- Monday August 25- September 10 September 1- Monday September 8- Monday September Thurs-Tue September 15- Monday October 31- Friday November 27- Wednesday November 28- December 2 December 9- Sunday December Mon - Sun December 14- Sunday December 15- Monday December 19- Friday December 22- January 1 Registration Begins Last Day for 100% Refund Saturday Registration - (9am 1pm) Last Day for Drop/Add/Swap/ Registration Ends (online only) Classes Begin 70% Refund Office Closed- Labor Day Holiday Official Date of Record 25% Refund Priority Deadline for Fall Completion of Degrees or Certificates Last Day for Administrative/ Student Withdrawals- 4:30pm No Night Classes before Thanksgiving Office Closed- Thanksgiving Holiday Instruction Ends Final Examinations Semester Ends Grades Due by - 12:00 Noon Grades Available to Students Office Closed- Holiday Break

6 ::: FALL 2014 ASSIGNMENT SCHEDULE::: The following is a tentative outline of class discussion topics and is subject to minor variations. Students will be informed of any changes. WEEK ONE: Aug. 25 th - 29 th 2014 What is Joomla! Lesson 1: Read Chapter 1 All About Joomla! Review Course Syllabus Reading Assignment: Read Chapter 1 All About Joomla! Create course folder for assignments Complete Student Profile Web Enhanced Assignments: Introduction to Eagle Online Sample Joomla! / WordPress sites - Demo in class The Joomla! / WordPress Extension Directories Required Substantive Feedbacks/Critiques to Peers via Eagle Online FTP & Domain Hosting (These programs and services will be used regularly in this class, please secure your hosting and domain name before Week 2) 1. Free FTP Programs Macintosh (Cyberduck) Windows 2. Domain & Hosting Services: Required for this class. You will need a reliable web host for setting up your own personal websites. Host sites: Host sites: Host sites: WEEK TWO: Sept. 2 nd - 5 th 2014 Lesson 2: Site Planning LABOR DAY: Monday Sept. 1 st No class Campus Closed Lecture Reading Assignment: Chapter 2 What and Where Do I Begin? Web Enhanced Assignments: (1 Page report 300 words including 2 images) Choose your site color scheme from Adobe kuler.com (screen capture) Identify your target audience and Why? Submit a.jpg of your site wireframe (Use Word or PS) Submit via file upload on Eagle Online

7 WEEK THREE: Sept. 8 th - 12 th 2014 Lesson 3: Installing Joomla! Lecture: In-class demonstration Installing and Setting up Joomla Reading Assignment: Read Chapter 3 Installing Joomla! Web Enhanced Assignment 2: Download a working version of Joomla 2.5 or 3.0 Successfully Install Joomla 2.5 or 3.0 using FTP or Web Installation Create a database for your website using MySQL Name your site according to your chosen category from Week 2 Submit an web link to your completed install via Eagle Online WEEK FOUR: Sept. 15 th - 19 th 2014 Lesson 4: Configuring Joomla! Lecture: In-class demonstration Basic Configuration of Joomla! CMS (Meta Tags) Reading Assignment: Read Chapter 4 Configuring Joomla! Web Enhanced Assignment 3: Setup the Super User accounts (Username and Password) Setup Authors, Editors, and Publisher groups Setup User Manager Create your logo, change Admin Logo in login screen Create Meta Tags for search engine optimization Choose a default template in Template Manager WEEK FIVE: Sept. 22 nd - 26 th 2014 Lesson 6: Components, Modules, Plugins, and Languages Lecture: In-class demonstration Basic Components, Modules, and Plugins Reading Assignment: Read Chapter 5 and 6 Content, Extensions Web Enhanced Assignment 4: Midterm website explained Choose the category for your site complete the tutorial Small Business: Chapter 11 Non-Profit Organization/Club: Chapter 12 School: Chapter 13 Customize the Templates, Extensions, and Plugins Add content to your website pages (Flash and Jumi) WEEK SIX: Sept. 29 th - Oct.3 rd 2014 Lesson 7: Templates Customization (Basics) Lecture: In-class demonstration Basic Templates, Joomla! And WordPress Reading Assignment: Read Chapter 7 Templates Web Enhanced Assignment: Work on Midterm Website

8 WEEK SEVEN: Oct. 6 th - 10 th 2014 Work on Midterm Projects Web Enhanced Assignment: Work on Midterm Website WEEK EIGHT: Oct. 13 th - 17 th 2014 Midterm Project Presentations Assignment: Midterm Projects Due Web Activity: Web links submitted for grade, in-class website critique WEEK NINE: Oct. 20 th - 24 th 2014 Lesson 8: Templates Customization (In-Depth) Lecture: In-class demonstration Customized Templates, Joomla! And WordPress Reading Assignment: Read Chapter 8 Creating Your Own Joomla! Templates Web Enhanced Assignment 5: Create a Custom Template from Scratch Create your template structure based on your revised wire frame Add relevant content based on your chosen category Customize template XML Customize Template CSS Customize the Templates, Extensions, and Plugins WEEK TEN: Oct. 27 th Oct. 31 st 2014 Lesson 8: Templates Customization (In-Depth) Web Enhanced Assignment 5: Work on your custom templates. Adding Module Positions Custom Menus WEEK ELEVEN: Nov. 3 rd 7 th 2014 Lesson 9: Marketing and Maintaining your Custom Website Lecture: Search Engines, Getting Listed and Staying There Reading Assignment: Read Chapter 9 Search Engine Optimization Web Enhanced Assignment 6: Test on SEO WEEK TWELVE: Nov. 10 th 14 th 2014 LAST DAY TO DROP CLASSES Lesson 10: Keeping Your Site Up to Date Lecture: Updating and Maintaining Your Website Reading Assignment: Read Chapter 10 Keeping Your Site Up to Date Web Enhanced Assignment 7: Test on Website Updating

9 WEEK THIRTEEN: Nov. 17 th 21 st 2014 Lesson: Final Project Introduced Lecture: Final Project Explained Customized Templates, Joomla! And WordPress Web Enhanced Assignment 8: Create a Custom Site Create your Final Project based on your revised wire frame Add relevant content based on your chosen category Customize template XML Customize Template CSS WEEK FOURTEEN: Nov. 24 th 28 th 2014 Lesson: Work on Final Project THANKSGIVING HOLIDAY: Thursday Nov. 27 th Nov. 30 th No class Campus Closed Assignment: Work on Final Project WEEK FIFTEEN: Dec. 1 st 5 th 2014 Work on Final Project Lesson: Work on Final Project Assignment: Work on Final Project WEEK SIXTEEN: Dec. 8 th 12 th FINALS PRESENTATIONS! Lesson 16: Final Project Presentation DUE Tuesday, Dec Lecture & Recap Discussion Board Mandatory Participation-Required Substantive Feedbacks/Critiques to Peers Final Project Presentation - The final project will consist of the following: 1. Webpage Project (80% of Final grade) Redesigning, editing & updating all your assignment pages from the Lessons in class using the tools inside Joomla! and CSS and XML. Improving upon the Midterm Project template to create an enhanced Final Project. This project/website will be presented to the class as a presentation for part of the student's total grade. Also a folder with printouts of all the webpages and a CD of ALL the webpage files will be submitted at the time of the presentation. This will be a "presentation" that would be of the quality that one would give to a prospective client or employment interview. No Late Submissions - if you fail to present - you will receive an "F" for this portion of the final...no exceptions. 2. Student Critiquing/Peer Review Mandatory Participation for Class Final Presentations (10% of Final Grade) Required Substantive Feedbacks/Critiques to Peers on Final Project (Please note that the schedule is subject to change at any time, you need regularly to check your /eagle Online discussion board for new changes)

10 ATTENTION!!! Since our classes are now Web Enhanced format, all assignments along with the URL submissions are to be ed and posted in Eagle Online unless further notified Acknowledgement of Syllabus Please fill in the following information and return this page to the instructor before leaving class. I have read and understood the contents of the course syllabus. I will comply with the CRN IMED 2315 Web Page Design 2, syllabus guidelines & State requirements for Fall Houston Community College System Southwest College West Loop Campus Program: Digital Communication CRN IMED 2315 Web Page Design 2 Friday 5:45pm 10pm Start Date: Monday 08/25/2014 End Date: 12/09/2014 Final Presentation 12/09/2014 Final Evaluation 12/09/2014 Instructor: Nicol Jamal Alexander Telephone: [email protected] URL: Office Hours: T/Thu 1:30pm to 3:30pm Student Name: Student ID: Home Phone: Work/Cell Phone: Website (If applicable): Student Signature: Date:

11 Digital Communication - Release for Use Agreement A release agreement between Houston Community College Southwest and a presently or past enrolled student to use work produced by the student for the promotion of the college or its programs. The student agrees to allow HCCS to use works produced for class or art shows in the following ways: a. Gallery Shows b. Online internet gallery promoting our programs c. In printed materials also used to promote the college and its programs HCCS agrees: a. That the student s work will not be sold or offered for sale without prior permission of the student. b. The ownership of all works produced in class remains the student. c. That the student work will not be altered in any way except to be optimized for display on the internet or reduced in size for publication purposes. d. To identify the student when their work is used by the college in the ways stated above. Student Signature Print Name Phone Date