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


Homeworks should be uploaded 
to your domain so it can be graded
Update your homepage with a link to the homework.
Submit the zipped file of your project and website URL on 
http://be.benilde.edu.ph/





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


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

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

Made with Slides.com