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

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 2011
www.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 timelines
Adobe Edge Preview August 2011
www.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 creativity
Adobe Edge Preview August 2011
www.silicongulf.com

5. Download Edge
http://labs.adobe.com/technologies/edge/
Sign-up for a FREE Adobe Account
Download
Install
Adobe Edge Preview August 2011
www.silicongulf.com

6. Questions about Edge
Frequently Asked Questions
Adobe Edge Preview August 2011
www.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 requests
Adobe Edge Preview August 2011
www.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 2011
www.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 2011
www.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
technologies
Adobe Edge Preview August 2011
www.silicongulf.com

11. Adobe Edge Preview August 2011
www.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 2011
www.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 2011
www.silicongulf.com

14. Import Assets (png, jpg, svg)
Adobe Edge Preview August 2011
www.silicongulf.com

15. Align Images
Adobe Edge Preview August 2011
www.silicongulf.com

16. Insert Texts
Adobe Edge Preview August 2011
www.silicongulf.com

17. Insert Key frames for Animation
Adobe Edge Preview August 2011
www.silicongulf.com

18. Your First Animation
Clicking your way through Adobe Edge
Adobe Edge Preview August 2011
www.silicongulf.com

19. Preview in your Browser
Adobe Edge Preview August 2011
www.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 2011
www.silicongulf.com

21. Thanks
Oops… There’s more
Adobe Edge Preview August 2011
www.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 Month
Adobe Edge Preview August 2011
www.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=231458190229578
Adobe Edge Preview August 2011
www.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=124462760983852
Adobe Edge Preview August 2011
www.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_design
Adobe Edge Preview August 2011
www.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 Outsourcing
Adobe Edge Preview August 2011
www.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.com
Adobe Edge Preview August 2011
www.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 2011
www.silicongulf.com

29. Adobe Edge Preview August 2011
www.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 2011
www.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 2011
www.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 2011
www.silicongulf.com