visualforce for the salesforce1 platform

13
Coding the Salesforce User Interface with Visualforce Pages

Upload: sg8002

Post on 28-Nov-2014

105 views

Category:

Software


4 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Visualforce for the Salesforce1 Platform

Coding the Salesforce User Interface with Visualforce Pages

Page 2: Visualforce for the Salesforce1 Platform

Welcome

Simon Goodyear

Advanced Developer

Force.com MVP

@simongoodyear

Page 3: Visualforce for the Salesforce1 Platform

What is Visualforce?

• A Framework for building custom user interfaces

for your Salesforce data

• 100% native, hosted in your Salesforce org

• Component based, tag based syntax

Page 4: Visualforce for the Salesforce1 Platform

Model View Controller (MVC) Pattern

Model Controller View

Your Data Your Logic Your Interface

Standard andCustom Objects

Standard Controllers +Apex Code

Page 5: Visualforce for the Salesforce1 Platform

Anatomy of a Visualforce Tag

<apex:outputField value = “{!account.Name}”/>

Prefix – Library the Component belongs to (apex, chatter etc.)

Component Name – Type of Component to be generated

Attribute Value – String literal or merge field value passed to the Component

Attribute Name – The name of a value to be passed to the Component

Page 6: Visualforce for the Salesforce1 Platform

Anatomy of a Visualforce Tag

<apex:outputField value = “{!account.Name}”/>

Page 7: Visualforce for the Salesforce1 Platform

Use the Expansive Tag Library…

140+ tags to choose from

(more included through

releases)

Apply SF standard styling

easily

Create fields, actions, charts,

– forms and chatter feeds

<apex:actionFunction><apex:actionPoller><apex:actionRegion><apex:actionStatus><apex:actionSupport><apex:areaSeries><apex:attribute><apex:axis><apex:barSeries><apex:canvasApp><apex:chart>...

Page 8: Visualforce for the Salesforce1 Platform

…Or Roll Your Own

Visualforce integrates easily with other standard

web tech:– HTML

– Javascript

– CSS

• Create your own custom reusable components

Page 9: Visualforce for the Salesforce1 Platform

Demo

LET’S SEE SOME CODE!

Page 10: Visualforce for the Salesforce1 Platform

What’s Next?

Try It!

Developer Resources– developer.salesforce.com

Visualforce Developer’s Guide

Get help– developer.salesforce.com/forums

– Stack Exchange

Page 11: Visualforce for the Salesforce1 Platform

Assistez à notre atelier thématique pour les Développeurs

16h00 – 16h40

Les applications web mobiles sur Salesforce1Présenté par Peter Chittum, Evangéliste pour les développeurs chez Salesforce.com

Page 12: Visualforce for the Salesforce1 Platform

La communauté de développeurs Salesforce en France

Paris: http://www.meetup.com/Paris-Salesforce-Developer-User-Group/

St Quentin: http://www.meetup.com/Saint-Quentin-Salesforce-Developer-Group/

Page 13: Visualforce for the Salesforce1 Platform

Thank You