This session will explore how to extend the functionality of Perforce clients with the power of HTML, CSS, and JavaScript. The vision for these applets is to be portable across P4V, P4Admin, P4Eclipse, and a browser. The toolkit will define an object model and will handle events, selections, and other services. The Perforce JavaScript API is more than a cool new feature for customers: it also provides a platform for internal innovation on Perforce's flagship GUI and beyond. Quick prototyping brings touchable validation for ideas to a wide range of employees across the organization.

1. The Perforce JavaScript API
A Platform for User Innovation
Fred Malouf Director Client Development
James Creasy Product Technology Research Manager

2. CULTURE OF CONTRIBUTION

3. DRIVING FORCE
• Leverage web development skills
• Quick time to market
• Stability across server versions

4. 2011 BIG PICTURE
P4V Eclipse Browser
web engine web engine web engine
User Custom User Custom User Custom
App App App
JavaScript API JavaScript API JavaScript API
P4 C++ API P4 Java API Web Services
Perforce Server

5. PERFORCE COMMON OBJECT MODEL (PCOM)
• Client Side Abstract Object Model
• Perforce Objects
• Perforce Operations
• Consistent naming scheme for object field names
• Consistent operation names where possible

6. SIMPLE APP USING PERFORCE JAVASCRIPT API

7. SIMPLE APP USING PERFORCE JAVASCRIPT API

8. SIMPLE APP USING PERFORCE JAVASCRIPT API

9. SIMPLE APP USING PERFORCE JAVASCRIPT API

10. SUPER COOL APPS
• Contributions by people in diverse roles
• Safe experimentation
• Rapid development

11. CHANGELIST TRAJECTORY
Where did my change go?

12. STREAMS TIMELINE
Which changes have been integrated between streams?

13. P4 OGLE
How can I search Perforce metadata?

14. JOB VIEWER
How can I customize my jobs view?

15. STREAM VIEW APPLET
How can I visualize module dependencies between streams?

16. PERFORCE JAVASCRIPT API FUTURE
• API for Container Services
• Administrator-Managed Application Deployment
• User-Managed Application Deployment
• Digitally Signed Applications

17. TYING IT ALL TOGETHER
• PCOM frees you from our development cycles and the
“down and dirty p4-isms”.
• Perforce JavaScript API opens the door wide and
encourages collaboration.

18. Ecosystem
What will you build?