Advisories: COMSC-030 and 031, or experience with web development and eligibility for ENGL 100

Size: px

Start display at page:

Download "Advisories: COMSC-030 and 031, or experience with web development and eligibility for ENGL 100"

Dominick Cunningham
5 years ago
Views:

1 New Course OR Existing Course Instructor(s)/Author(s): Patricia Kratina Subject Area/Course No.: COMSC-032 Units: 3 Course Name/Title: Web Site Development-Dreamweaver/Flash Discipline(s): Computer Science, Computer Information Systems Pre-Requisite(s): None Co-Requisite(s) None Advisories: COMSC-030 and 031, or experience with web development and eligibility for ENGL 100 Catalog Description: None This course teaches students how to design a professional looking website integrating two web designing software computer programs Dreamweaver and Flash which are ideal web tools for Web Site Development. This software is used to create Web Sites with the most advanced designs possible on the Web. Flash is the professional standard for producing high impact Web experiences. Students will use both programs to make their own web site and upload the web site to the Internet. Schedule Description: Everywhere in today s world, businesses and organizations are hiring web designers and editors to create and maintain web sites. Most professional web designers use Flash and Dreamweaver. This course will teach you to how to design or redesign an existing web site. You will create a web site for a business, ebay, a nonprofit organization, education, genealogy, or for personal use. Topics will include laying out photos, banners, logos, navigation buttons, videos, sounds, music, animations, and content. Hours/Mode of Instruction: Lecture 54 Lab Composition Activity Total Hours 54 (Total for course) Credit Credit Degree Applicable (DA) Grading Pass/No Pass (P/NP) Repeatability 0 Credit Non-Degree (NDA) Letter (LR) 1 (If Non-Credit desired, contact Dean.) Student Choice (SC) 2 3 Please apply for: LMC General Education Requirement and/or Competency & Graduation Requirement(s): (Please list the proposed area(s) this course meets, or indicate none ) None Transfer to: CSU UC IGETC LDTP Course is Baccalaureate Level: Yes No Page 1 of 8

2 Signatures: Department Chair Librarian Dean/Sr. Dean Curriculum Committee Chair President/Designee CCCCD Approval (Board or Chancellor's Office) For Curriculum Committee Use only: STAND ALONE COURSE: YES NO FOR OFFICE OF INSTRUCTION ONLY. DO NOT WRITE IN THE SECTION BELOW. Begin in Semester Catalog year 20 /20 Class Max: Dept. Code/Name: T.O.P.s Code: Crossover course 1/ 2: ESL Class: Yes / No DSPS Class: Yes / No Coop Work Exp: Yes / No Class Code A Liberal Arts & Sciences SAM Code A Apprenticeship Remediation Level B Basic Skills B Developmental Preparatory B Advanced Occupational NBS Not Basic Skills C Adult/Secondary Basic Education C Clearly Occupational D Personal Development/Survival D Possibly Occupational E For Substantially Handicapped E* Non-Occupational F Parenting/Family Support F Transfer, Non-Occupational G Community/Civic Development *Additional criteria needed H General and Cultural 1 One level below transfer I Career/Technical Education 2 Two levels below transfer J Workforce Preparation Enhanced 3 Three levels below transfer K Other non-credit enhanced Not eligible for enhanced Course approved by Curriculum Committee as Baccalaureate Level: _Yes / No_ LMC GE or Competency Requirement Approved by the Curriculum Committee: Distribution: Original: Office of Instruction Copies: Admissions Office, Department Chairperson Rev Page 2 of 8

3 Institutional Student Learning Outcomes General Education SLOs (Recommended by GE Committee) At the completion of the LMC general education program, a student will: 1. Read critically and communicate effectively as a writer and speaker. 2. Understand connections among disciplines and apply interdisciplinary approaches to problem solving. 3. Think critically and creatively 4. Consider the ethical implications inherent in knowledge, decision-making and action. 5. Possess a worldview informed by diverse social, multicultural and global perspectives. Occupational Education SLOs (Recommended by Occupational Education Committee) At the completion of the LMC occupational certificate or degree, a student will: 1. Be academically prepared to obtain an entry-level or a mid-level position in their industry. 2. Apply critical thinking to research, evaluate, analyze and synthesize information. 3. Demonstrate strong communication skills (written and/or oral) and interpersonal skills (customer service and team work). 4. Appropriately apply industry materials and technology. 5. Demonstrate the skills and knowledge necessary to take and pass certification exams for career advancement in their industry. Developmental Education SLOs (Recommended by Developmental Education Committee) At the completion of the LMC Developmental Education Program, a student will: 1. Demonstrate the skills necessary for the first transfer level courses in English and Math or for the English and Math competencies for the Certificate of Achievement. 2. Think critically to construct meaning and solve problems. 3. Read with comprehension. 4. Communicate effectively both in writing and orally. 5. Demonstrate the characteristics, habits, and attitudes of an effective learner. Student Services SLOs 1. LMC students will demonstrate proficiency in the use of college on-line services. 2. LMC students will demonstrate proficiency in self-advocacy. Library and Learning Support Services SLOs LMC students utilizing various Library and Learning Support Services will: 1. Access and effectively utilize available campus Library and Learning Support Services. 2. Apply knowledge learned and competencies gained from using Library and Learning Support Services to academic coursework and assignments. 3. Demonstrate information competency skills needed to meet the research demands of academic course work and life long learning. None of the Above Page 3 of 8

4 Program-Level Student Learning Outcomes (PSLOs) 1. Apply their knowledge of general computer hardware and software concepts to the description, configuration and operation of modern microcomputers. (OESLO 4) 2. Demonstrate a professional level of technological proficiency with a broad array of computer applications software. (OESLO 5) 3. Demonstrate the ability to configure a new microcomputer, install operating systems software, and install and configure an array of applications software. (OESLO 4) 4. Use techniques and skills learned in the program to diagnose, troubleshoot and repair a variety of common microcomputers. (OESLO 2) 5. Communicate (oral and/or writing) effectively with other Computer personnel, in a multitude of technical environments. (OESLO 5) 6. Demonstrate the ability to analyze problems, and develop effective solutions. (OESLO 2) 7. Apply their knowledge of systems analysis and design to the analysis of requirements for developing computerized systems, and develop action plans for implementing a solution, utilizing an appropriate programming environment. (OESLO 2) 8. Be technologically proficient to obtain entry-level or mid-level positions. (OESLO 2, 5) Course-Level Student Learning Outcomes (CSLOs): After completion of this course, the student will be able to: 1. Use the software programs, Flash and Dreamweaver, to communicate information on the Internet through the design and programming of professional interactive, multimedia web sites. (PSLO 2,5) 2. Maintain, redesign and update an existing web site for a professional organization or business and be able to upload new files, folders, and new information. (PSLO 2,5) 3. Use ActionScripting, HTML, JavaScript and other programming to design and work with photos, banners, logos, navigation buttons, videos, sounds, music, and content to convey information to a targeted audience with easy-to-find, concise web elements that enhance the website. (PSLO 2,4, 5) Assessments: Project Websites Project Template Tutorial Exercises Midterm and Final Final Project Web Site and Presentation CSLO 1 X X X X CSLO 2 X CSLO 3 X Page 4 of 8

5 CSLO 1 Use the software programs, Flash and Dreamweaver, to communicate information on the Internet through the design and programming of professional interactive, multimedia web sites. CSLO 1 is assessed by students completing a series of tutorials for Flash and Dreamweaver where students learn the program Then the students complete two project web sites and a final web site. The project web site will be completed in Dreamweaver and the second project web site is completed in Flash. The final project web site will combine both software programs into one web site. The final web site will be uploaded to the Internet to be used as a teaching tool for others in the class. Web sites will be assessed by being complete and uploaded to a website. CSLO 1 is also assessed by a midterm given on Flash and a final given on Dreamweaver. These exams ask students to describe how to use each of the software programs given different scenarios. CSLO 2 Maintain, redesign and update an existing web site for a professional organization or business and upload new files, folders, and new information. CSLO 2 is assessed by a project where the students will use a template to layout and redesign a web site found on the Internet transforming the web pages to look professional and well-layout. The content on the web template will reflect if the web manager was able to carry out a thorough analysis of the current web site in terms of functionality, design and content. The web pages will be graded by the use of a rubric. CSLO 3 - Use ActionScripting, HTML, JavaScript and other programming to design and work with photos, banners, logos, navigation buttons, videos, sounds, music, and content to convey information to a targeted audience with easy-to-find, concise web elements that enhance the website. CSLO 3The completion of a final project web site will have all the technical elements of a professional website with content, photos, video, sound, banners, animated ads, copyrights, meta tags, and coded with HTML and JavaScript. The final website will be assessed on whether all the element are added, the design of the website, accuracy of the content, the time the web pages take to upload, the clarity of the photos, the placement of the information, and the effort put into the project. The following problem-solving question: Design a web page with thumbnail photos that have a short downloading time and a great design layout. Design a photo page of thumbnail images less than 15 kilobytes making sure the download time is short. Make sure the images are compress and layout in a pleasing design with white space, a photo title of 13 points, and make sure to use a font that is on most computers. When clicked on, the thumbnail photos should open up a new Internet browser window with larger photos of no more than 50 kilobytes file size. Method of Evaluation/Grading: CSLO 1 Use the software programs, Flash and Dreamweaver, to communicate information on the Internet through the design and programming of professional interactive, multimedia web sites. A level student work The tutorial for Flash and Dreamweaver are 100% complete. The projects and the final web site project using both Flash and Dreamweaver web software program include the theme or main idea for the web page. The web page itself is clear, and pages link to quality related information. The Page 5 of 8

6 content has accurate and very useful information. The theme or main idea is very clear. Clear, concise, and well written and edited with no serious errors. And the midterm and final are 90% and above accurate. C level student work The tutorial for Flash and Dreamweaver are 80% complete. The projects and the final web site project using both Flash and Dreamweaver web software program include the theme or main idea for the web page however the web page itself may contain some errors. The content may not be accurate and useful. The design may hinder the use of the web site. The midterm and final are 70% to 79.9% accurate. CSLO 2 Maintain, redesign and update an existing web site for a professional organization or business and upload new files, folders, and new information. A level student work Final layout will be graded by a rubric with the following criteria. Excellent general layout of the Web page elements. Graphical design is consistent, relevant, provide corporate identity, etc. Content 100 percent of the content is relevant Technical assessment software, navigation, hosting, hardware, access, etc. Navigation structure, e.g., From static to dynamic and database driven Web site, changing visuals necessitating redesign etc. Considered internal resource needs and budgetary constraints Identify unique problems, e.g., A situation where the main Web site should now be linked with branch offices each with a different database into one functional system. C level student work Final layout will be graded by a rubric with the following criteria. Fair general layout of the Web Page Graphical design is somewhat consistent, relevant, provide corporate identity, etc. Content 50 or more percentage of the content is relevant Technical assessment software, navigation, hosting, hardware, access, etc. Navigation structure, e.g., From static to dynamic and database driven Web site, changing visuals necessitating redesign etc. Considered internal resource needs and budgetary constraints Most unique problems are identified, e.g., A situation where the main Web site should now be linked with branch offices each with a different database into one functional system. CSLO 3 Use ActionScripting, HTML, JavaScript and other programming to design and work with photos, banners, logos, navigation buttons, videos, sounds, music, and content to convey information to a targeted audience with easy to find, concise web elements that enhance the web site. A level student work Each project web site home page will contain HTML to add meta tags, an accurate description of the website, keywords, and other web element, also more than one JavaScript code. There is more than the basic web HTML needed for the web site adding interest and interactivity to the web pages. Page 6 of 8

7 C level student work Each project web site home page will contain HTML to add meta tags, an a fairly accurate description of the website, keywords, and other web element, and also the addition of one JavaScript code. There is one basic web HTML adding interest and interactivity to the web pages. Grading: Possible Point allocation for Computer Science 032: Final Web Projects 40% of points Projects and Exercises 40% of points Midterm and Final 20% of points Weighting of CSLOs: CSLO 1 80% CSLO 2 10% CSLO 3 10% Course Content: Survey of Internet Websites Designs on the Internet, Good vs. Bad Web Pages Storyboarding before Starting a Web Site, Deciding on a Web Design, Colors on a Web Page, How to Downloading Photos and Sounds, Theme of your web site, Targeted Audience, Text, Contact Information, What the banner and logo will say, Colors on the web site, Photos, and other Information. Introduction to Dreamweaver Dreamweaver Overview, Toolbars, Fonts, Center Text, Links, Copy and Paste in Dreamweaver, Tables, Website Layout with Templates, Previewing your web page (F12 on the keyboard), Rollovers, Same Page Links, Creating more than one web page. Introduction to Flash Toolbar in Flash, Motion Tween, and Shape Tween, Designing a banner, ad banner, and logo in Flash. Designing a scrolling copyright using Flash, Layering in Flash. Flash Tutorial: 32 page tutorial on animations that covers Flash from beginning to advance ActionScripting. Sounds, Videos, and Music on Web Pages Adding Sound to Flash and Dreamweaver, Downloading sound files, Making a Sound File for Dreamweaver, Downloading videos, Adding a Video to Flash to Add Sound. Masking and Slide Shows: How to mask in Flash and Slideshow using Flash. Design a Web Page Design a web page in Flash, Linking Web Pages, Publishing the web site. Link two web pages designed in Flash. Additional Optional Assignments in Flash: Scrolling Text, Importing SWF files, Scenes, Rainbow Effect, Text Effect, Motion Guides, Fading Page 7 of 8

8 Introduction to Dreamweaver Understanding HTML Code, Formatting, and Styling Text, Working with Images and Multimedia, Work on Dreamweaver Web Site. Creating Hyperlinks, Using Tables to Design a Web Page, Working with Frames, and Work on Dreamweaver Website, Creating Web-Based Forms, Using Library Items and Templates, Creating and Applying Style Sheets, Creating and Applying Style Sheets, Using Dynamic HTML, Publishing a Web Site How to maintaining a Web Site with Dreamweaver Building a Database-Driven Web Site Instructional Methods: Lecture Lab Activity Problem-based Learning/Case Studies Collaborative Learning/Peer Review Demonstration/Modeling Role-Playing Discussion Computer Assisted Instruction Other (explain) Textbooks: Teach Yourself VISUALLY Dreamweaver CS3 Publisher: Visual (August 6, 2007) by Janine C. Warner Adobe Dreamweaver CS3 Step by Step Training (Spiral bound) Publisher: Noble Desktop; 2 edition (January 1, 2009) by Noble Desktop (Author) Page 8 of 8

Subject Area/Course No.: AUTO-055 Units: 3 Course Name/Title: Clean Air Car Course + OBD II Discipline(s): Automotive Technology

New Course OR Existing Course Instructor(s)/Author(s): Jason Dearman Subject Area/Course No.: AUTO-055 Units: 3 Course Name/Title: Clean Air Car Course + OBD II Discipline(s): Automotive Technology Pre-Requisite(s):