MINTER3 


INTERACTIVE APPLICATIONS FOR ONLINE MEDIA 1

www.lea.abarentos.com
DMA2 Wed |  14:40-17:40 |  A1005


LEA ABARENTOS



Licensed teacher , Web Design and Development instructor, e-learning specialist and a freelance web developer . 

+++projects+++







YOU?




THE COURSE

MINTER3



MINTER3

Interactive Applications for Online Media

  • Interactive Applications for Online Media 1 lays the foundation of developing HTML websites using industry standards tools for development and ease of editing content. 
  • Client-side script enhancements to create movement within the website are also part of this course. 
  • The course will also cover the configuring of forms to be used with available server-side scripts to create simple online interactivity.



COURSE OBJECTIVES

  • Identify a variety of web development strategies and tools such as HTML5, jQuery plugins, Cascading Style Sheets and applications for embedding multimedia, to create effective websites; 
  • Understand the rationale behind popular and effective web design trends;
  • Use the technicalities of web development to create standards-compliant websites that are accessible and user-friendly; 
  • Explain the effectiveness of the website in addressing its objectives and the needs of its users; 
  • Evaluate web projects according to industry standards; and 
  • Create dynamic, effective and responsive web projects.


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


GRADING



                    Seatworks                          25%

                   Homeworks                         25%

                   Class Participation              5%

                   Quiz & Documentation     15%

                   Final Project                    30%

                                                                        

                            Total                             100% 


SEATWORKS / HOMEWORKS


  • About ME {HTML Basics}
  • Fictitious Beach {HTML5/CSS3}
  • Web Trends {Navigation / jQuery }
  • Social Campaign {Responsive/jQuery}
  • Design Company {Video Background/ Web Form}
  • My Story {Parallax Plugin}






FINAL PROJECT


WEB VERSION OF YOUR
DEVELOPMENTAL PROJECT

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