Adobe Edge Technology Preview - Web Development Month 2011 SiliconGulf.com
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

Adobe Edge Technology Preview - Web Development Month 2011 SiliconGulf.com

  • 2,016 views
Uploaded on

This is a technical preview and demonstration for the Web Development Month 2011 in Davao City Philippines. This is the first time it has been presented in our city promoted by Adobe User Group......

This is a technical preview and demonstration for the Web Development Month 2011 in Davao City Philippines. This is the first time it has been presented in our city promoted by Adobe User Group Davao Chapter. Part of the curriculum of Developing Web 2.0 Application Class at SiliconGulf.com

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,016
On Slideshare
1,872
From Embeds
144
Number of Embeds
5

Actions

Shares
Downloads
24
Comments
0
Likes
0

Embeds 144

http://ressources-numeriques-ldv.blogspot.fr 76
http://ressources-numeriques-ldv.blogspot.com 62
http://www.ressources-numeriques-ldv.blogspot.fr 4
http://ressources-numeriques-ldv.blogspot.ch 1
http://ressources-numeriques-ldv.blogspot.ca 1

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Adobe Edge Technical Preview CHRISTOPHER JOHN CUBOS WEB DESIGN AND DEVELOPMENT MONTH 2011 COLLEGES & UNIVERSITIES DAVAO CITY PHILIPPINES (AUGUST) Adobe Edge Preview August 2011 www.silicongulf.com
  • 2. Adobe Edge Preview August 2011www.silicongulf.com
  • 3. What is Adobe Edge • Motion and Interaction Design for HTML5 • Using web standards like HTML5, JavaScript, and CSS3 to create viewable renderings for website and even on mobile devices • Editable timelinesAdobe Edge Preview August 2011www.silicongulf.com
  • 4. Edge Preview Highlights • Make new compositions with Edge’s drawing & text tools • Import popular web graphics (SVG, PNG, JPG or GIF) • Easily choreograph animation with the timeline editor. Animate position, size, color, shape, rotation and more at the property level • Energize existing HTML files with motion, while preserving the integrity of CSS-based HTML layouts • Copy and paste transitions, invert them, and choose from over 25 built-in easing effects for added creativityAdobe Edge Preview August 2011www.silicongulf.com
  • 5. Download Edge http://labs.adobe.com/technologies/edge/ Sign-up for a FREE Adobe Account Download InstallAdobe Edge Preview August 2011www.silicongulf.com
  • 6. Questions about Edge Frequently Asked QuestionsAdobe Edge Preview August 2011www.silicongulf.com
  • 7. What is Adobe Edge, and what does it do? • Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites using standards like HTML and HTML5, JavaScript and CSS • It is currently in public preview and is designed to be powerful yet approachable and easy to use • Edge Preview is a FREE download on Adobe Labs • This is an early look at Edge, for evaluation that will help shape the features and future roadmap of Edge • Users are encouraged to submit feature requestsAdobe Edge Preview August 2011www.silicongulf.com
  • 8. Who should use the Edge Preview? • Edge is ideal for visual, web and interaction designers who want to energize their content for the web with movement and transitions. • Edge Preview 1 focuses primarily on animation and motion, with upcoming previews featuring additional creative capabilities and functionality.Adobe Edge Preview August 2011www.silicongulf.com
  • 9. Is Edge a standalone application? • Yes, Edge is a standalone software application that works independently of other tools. Graphics that are created using Adobe Illustator®, Adobe Fireworks® and Adobe Photoshop® can be added to your composition in Edge. • HTML documents using CSS-based layouts created in products like Adobe Dreamweaver® can also be opened in Edge.Adobe Edge Preview August 2011www.silicongulf.com
  • 10. How does Edge Preview differ from other Adobe tools for the web? • Edge Preview is a new addition to the existing set of Adobe professional web tools – Adobe Dreamweaver, Adobe Flash® Professional, and Adobe Flash Builder®. • Each Adobe tool has strengths for their respective use cases and support different technologiesAdobe Edge Preview August 2011www.silicongulf.com
  • 11. Adobe Edge Preview August 2011www.silicongulf.com
  • 12. Windows Requirements • Intel® Pentium® 4 or AMD Athlon® 64 processor • Windows Vista® Home Premium, Business, Ultimate, or Enterprise with Service Pack 1; or Windows 7 • 512MB of RAM • 200 MB of available hard-disk space for installation • 1280x800 display with 16-bit video card • Broadband Internet connection required for online services and to validate Subscription Edition (if applicable) on an ongoing basis*Adobe Edge Preview August 2011www.silicongulf.com
  • 13. Mac OS Requirements • Multicore Intel processor • Mac OS X v10.6 and v10.7 • 512MB of RAM • 200 MB of available hard-disk space for installation • 1280x800 display with 16-bit video card • Broadband Internet connection required for online services and to validate Subscription Edition (if applicable) on an ongoing basis*Adobe Edge Preview August 2011www.silicongulf.com
  • 14. Import Assets (png, jpg, svg)Adobe Edge Preview August 2011www.silicongulf.com
  • 15. Align ImagesAdobe Edge Preview August 2011www.silicongulf.com
  • 16. Insert TextsAdobe Edge Preview August 2011www.silicongulf.com
  • 17. Insert Key frames for AnimationAdobe Edge Preview August 2011www.silicongulf.com
  • 18. Your First AnimationClicking your way through Adobe Edge Adobe Edge Preview August 2011 www.silicongulf.com
  • 19. Preview in your BrowserAdobe Edge Preview August 2011www.silicongulf.com
  • 20. So that’s it It’s like AfterEffects, Flash, and Dreamweaver all rolled into one. Remember this is still a preview so expect more features to come. Join http://facebook.com/groups/davaoit for updates on upcoming Adobe events.Adobe Edge Preview August 2011www.silicongulf.com
  • 21. Thanks Oops… There’s moreAdobe Edge Preview August 2011www.silicongulf.com
  • 22. Full year of IT Events August 2011: Web Development Month September 2011: Mobile Application Month October 2011: Animation Month November 2011: Bloggers Month December 2011: SEO Month January 2012: Technopreneurship Month February 2012: I.T. Education Month March 2012: I.T. Career Month April 2012: Gaming Month May 2012: Graphic Design Month June 2012: Hacking and Network Security Month July 2012: Software Development MonthAdobe Edge Preview August 2011www.silicongulf.com
  • 23. August I.T. Events by PGO University of Southeastern Philippines (USEP) Friday, August 12 · 9:00am - 11:30am http://www.facebook.com/event.php?eid=229646943743096 John Paul II College (JP2C) Saturday, August 13 · 9:00am - 4:00pm http://www.facebook.com/event.php?eid=220035684709122 University of Mindanao (UM) Wednesday, August 17 · 1:00pm - 5:00pm http://www.facebook.com/event.php?eid=245697658786703 University of Immaculate Conception (UIC) Saturday, August 20 · 1:00pm - 5:00pm http://www.facebook.com/event.php?eid=231713253532167 ACLC Monday, August 22 · 1:00pm - 4:00pm http://www.facebook.com/event.php?eid=231458190229578Adobe Edge Preview August 2011www.silicongulf.com
  • 24. August I.T. Events by PGO Holy Cross (HCDC) Tuesday, August 23 · 3:00pm - 6:00pm http://www.facebook.com/event.php?eid=253809011309471 InterCity College of Science and Technology (ICST) Wednesday, August 24 · 9:00pm - 11:00pm http://www.facebook.com/event.php?eid=225237414194879 AMA Computer College Thursday, August 25 · 9:30am - 1:00pm http://www.facebook.com/event.php?eid=138109472943706 STI College Friday, August 26 · 1:00am - 4:00pm http://www.facebook.com/event.php?eid=124462760983852Adobe Edge Preview August 2011www.silicongulf.com
  • 25. Competition On-the-spot Student Web Design Competition August 27, 2011 http://www.facebook.com/event.php?eid=241281559236739 Entries can be found at http://www.silicongulf.com/competitions/web_designAdobe Edge Preview August 2011www.silicongulf.com
  • 26. Our Loving Supporters • The SiliconGulf Initiative • Davao IT • Adobe User Group • PHP Philippines • Developers, Entrepreneurs, Artists of Davao • SEO-Philippines • The IT School with no name yet • Philippine Global OutsourcingAdobe Edge Preview August 2011www.silicongulf.com
  • 27. Thanks To all speakers, PHP framework developers, our team at Philippine Global Outsourcing, students of all participating schools To the Adobe Development Team for this wonderful piece of software. Learn from the best www.silicongulf.comAdobe Edge Preview August 2011www.silicongulf.com
  • 28. Contact 2nd Floor Door #8 Andreliz Bldg #238 Araullo Extension 8000 Davao City Philippines philippineoutsourcing@gmail.com www.philippineglobaloutsourcing.com +63 916 477 9322 (globe) +63 907 775 6544 (smart) +63 922 551 4009 (sun) +63 923 725 4512 (sun) +63 82 224 1040 (landline)Adobe Edge Preview August 2011www.silicongulf.com
  • 29. Adobe Edge Preview August 2011www.silicongulf.com
  • 30. Copyright This reference material is exclusively distributed to the students of SiliconGulf Campus and should not be distributed, transmitted, or shared without the prior written consent of Christopher John Cubos http:// www.philippineglobaloutsourcing.com/chriscubos , SiliconGulf http://www.silicongulf.com/ or Philippines Outsourcing http://www.philippineglobaloutsourcing.com/ . This class material should be discussed by a trained instructor from SiliconGulf to maximize the learning and understanding of the topic. © Copyright 2011 SiliconGulf Campus and Christopher John Cubos. All Rights Reserved.Adobe Edge Preview August 2011www.silicongulf.com
  • 31. Disclaimer • Course technology and the author specifically disclaim any and all other warranties, either express or implied, including warranties of merchantability, suitability to a particular task or purpose, or freedom from errors. • Some states do not allow for exclusion of implied warranties or limitation of incidental or consequential damages, so these limitations might not apply to you.Adobe Edge Preview August 2011www.silicongulf.com
  • 32. SiliconGulf Campus SiliconGulf Campus is one of the pioneers of game based learning system in the Philippines. Our goal is to combined complex theories with fun and excitement of playing games. SiliconGulf Campus 2nd Floor Door #8 Andreliz Bldg. #238 Araullo Extension 8000 Davao City Philippines silicongulfcampus@gmail.com www.silicongulf.com +63 916 477 9322 (globe) +63 907 775 6544 (smart) +63 922 551 4009 (sun) +63 923 725 4512 (sun) +63 82 224 1040 (landline)Adobe Edge Preview August 2011www.silicongulf.com