MINTER3
INTERACTIVE APPLICATIONS FOR ONLINE MEDIA 1
www.lea.abarentos.com
DJM4B H | 8:00 | A1023
LEA ABARENTOS
Licensed teacher , Web Design and Development instructor, e-learning specialist and a freelance web developer .
+++projects+++
YOU?
THE COURSE
MINTER3
COURSE OVERVIEW
▶ COURSE CODE: MINTER3
▶ COURSE TITLE: Interactive Applications for Online Media 1
▶ COURSE CREDIT: 3 units
▶ CONTACT HOURS: 3 hours per week
▶ PRE-REQUISITE(S): MINTER1, MINTER2
▶ TYPE OF COURSE: Major Course
COURSE OBJECTIVES
▶ Be adept with the fundamentals of web development by learning HTML5, CSS and JS to create functional websites.
▶ Convert prototypes and design comps using HTML5, CSS frameworks, and JS to create responsive and user- friendly web solutions.
▶ Apply the proper HTML5, CSS3, and Javascript features to create websites that work across different devices by using responsive web techniques.
▶ Design and develop web applications by combining codes and unique visual styles to create compelling web experiences and stories.
▶ Implement standard compliant client-based projects by considering the cross-browser compatibility, accessibility and usability of websites to serve the most number of people
▶ Present the final project to the class and panelists for critiquing by explaining the web design and development process.
COURSE CONTENT
▶ Wk1: Assessment of MINTER1 finals
▶ Wk2-4: Prod of advocacy website
▶ Wk5: Movie Website
▶ Wk6: Web Dev Process
▶ Wk7: Design presentation
▶ Wk8: Kids Website
▶ Wk9: Wedding Website
▶ Wk10: We.Benilde inner pages
▶ Wk11-12: Production
▶ Wk13: Finals Submission
▶ Wk14: Consult
WHAT TO LEARN
Design + Content + Script
HTML5 + CSS3 + jQuery + Responsive Web Design
Creating Web Standards-Compliant PROJECTS
METHODOLOGY
Lectures / Discussions
Hands-on Activities
Seatworks / Homeworks
Self-learning / Mastery
Projects
Presentations
Mentoring
SEATWORKS / HOMEWORKS
Activities: 30%
▶ Seat Work /Homework / Quizzes / Class participation
Midterm Requirement: 30%
▶Project Worksheet / Design Studies /Others [if any]
Final Requirement: 40%
▶Final Project / Assets / Inspection / Completed Website / Iteration / Final Exam
FINAL PROJECT
CLIENT-BASED WEBSITE
PROJECT RUBRICS
(PROJECT EVALUATION SCHEME)
-
C- creativity = 20 points
(high standard of visual accomplishment)
-
O- originality = 20 points
(significantly original, and violating no copyright regulations)
-
D - deadline = 20 points
(Has the design/project met the deadline?)
-
E - execution = 20 points
(appropriate techniques/technical issues specific to each design/project)
-
D – Design Concept = 20 points
(general idea to know and identify all the process under taken in the design process)
REQUIREMENTS
Domain
Hosting
Midterm Project
Final Project
DOMAIN & HOSTING
-
Your domain name should be your website name
-
It will determine your email address
-
Up to 67 characters
-
Alphanumeric / Dashes
-
No other characters allowed
-
Not too long
-
Easy to remember
-
Not cutesy if you want to sound professional
HOSTING
-
Amount of web space (for now 1G should suffice)
-
FTP/Cpanel access (so you can upload your files)
-
E-mail service (hooked to your domain)
-
Add, Edit, Delete e-mail addresses
-
Manage e-mail accounts
-
Bandwidth, speed, access, reliability
-
Scripting capability (PHPMYADMIN, ASP, PHP, CGI)
-
Price
WEEKLY PROJECTS
- About Me - (BASIC HTML5 Tags)
-
Hospitality & Tourism - Fictitious Beach Resort(BASIC- Web Components & elements)
-
Web Trends (Navigation, Jquery Plugins)
-
Social Campaign for a Cause (Responsive Web- Media queries fluid layout, HTML5 Forms)
-
Portfolio Site - Parallax Scrolling with CSS Animation Project
- Film & TV - Online Promotional Website (Video embed, Social Media Integration, other jQuery Plugin)
FINAL PROJECT
"Developmental project - Website"
Minimum of 5 pages
(ex: home, about, partners, support, contact)
With Original Video Feature/ Animation
(30 seconds Min)
Original Content
(text & images)
Responsive
HOUSE RULE #1
HOUSE RULE #2
You are responsible for any lessons
you miss due to tardiness or absence.
Your teacher will not repeat it for you.
HOUSE RULE #3
Absolutely no FB, YouTube,
etc. while there is a lecture or discussion
Absolutely no FB, YouTube,
etc. while there is a lecture or discussion
ATTENDANCE
++ Question of the Week ++
AM Session:
2:30 – 3:10 = 100 grade (Present)
Allowed No. of Absences: 2 ½
CONSULTATION
Consultation Schedule:
Wed | 11-12pm, B308 EclassRoom
Main Campus
Main Campus
Contact Information:
email: lea.abarentos@benilde.edu.ph
gtalk: lea.abarentos
IMAGINATION LIST
What shape is a wish?
What does happiness look like?
What color is today?
What does purple taste like?
What does your self-image sound like?
What does a rainbow feel like?
What color is the smell of your favorite perfume?
What is the distance of your life?
What is your favorite sense?
What color is your favorite song?
IMAGINATION LIST
What texture is your favorite perfume scent ?
What does inspiration taste like?
What is the shape of violin music?
What is the texture of your house?
What is the texture of your Rm1003B?
What color is the fragrance of your seatmate
What does a cloud sound like?
What is the weight of your anger?
What is the shape of your imagination?
What is Multimedia Arts ?
THANK YOU
MINTER3 | 2nd Term 2016-2017
By Lea Sacdalan Abarentos
