visualize your student application in visualforce

Visualize Your Student Application in Visualforce

Drexel University Online

Senior Web Developer

brb72@drexel.edu

Brian Bissell

Drexel University OnlineOnline.Drexel.Edu (formerly: www.drexel.com)

1998

Drexel University OnlineOnline.Drexel.Edu (formerly: www.drexel.com)

2001

Drexel University OnlineOnline.Drexel.Edu (formerly: www.drexel.com)

2002

Drexel University OnlineOnline.Drexel.Edu (formerly: www.drexel.com)

2002

Drexel University OnlineOnline.Drexel.Edu (formerly:

www.drexel.com)

2006

Drexel University OnlineOnline.Drexel.Edu(formerly: www.drexel.com)

2008

Drexel University OnlineOnline.Drexel.Edu(formerly: www.drexel.com)

2010

Drexel University OnlineOnline.Drexel.Edu (formerly: www.drexel.com)

2012Mobile Site

Drexel University OnlineOnline.Drexel.Edu(formerly: www.drexel.com)

2012

Drexel University OnlineOnline.Drexel.Edu (formerly: www.drexel.com)

2014Responsive

Design

Quick survey: raise your hand

If you’re a developer or have Visualforce

experience

Developer

Marketer

Someone

save me.

Disclaimer: I am a developer

This is my natural habitat.

This is the opposite.

WARNING: There will be code.

But it won’t look nearly this cool.

The trail ahead…

1. Background

2. The Application

3. Bootstrap

4. Document Uploads

5. Code Tips

6. Form Prefill

7. Prioritized Call List

8. Results

9. Future

Go back to bed

Coffee

The Old ApplicationAbout as responsive as me on a Saturday Sunday morning.

The trend was clearv

Because who wants to play it safe with screenshots…Live demo time!

bit.ly/2nWJBRY

Try it your on your device:

Good

luck, you

fool.

(Case-sensitive)

Check out

my

application

package!

Welcome back, applicants!You’re looking smarter already.

But things don’t always go so smoothly…If the demo didn’t go well, I’ll just pretend this was meant to be ironic.

Keep it consistent

First level text is set at 20 point Salesforce Sans and does not have a bullet

• Second line bullets are 18 point Salesforce Sans

• Third level text is set at 16 point Salesforce Sans

• Limit the number of bullets on a slide

• Fourth level text

How to Create a Paragraph Heading

Use the same Basic Layout and remove second line bullet from sentence

Spacing of Paragraphs

The spacing between paragraphs is automatically set

We know you love Salesforce, but your users don’t need to know that.

!=

Demystify debugging

First level text is set at 20 point Salesforce Sans and does not have a bullet

• Second line bullets are 18 point Salesforce Sans

• Third level text is set at 16 point Salesforce Sans

• Limit the number of bullets on a slide

• Fourth level text

How to Create a Paragraph Heading

Use the same Basic Layout and remove second line bullet from sentence

Spacing of Paragraphs

The spacing between paragraphs is automatically set

Life is already mysterious enough.

B is for BootstrapI realize this may be particularly confusing in Austin…

The secret is out…But that’s a good thing.

“How many grids deep are we now?”We’ll need a synchronized kick to wake up this deep…

Text, images, charts, tables

can be put in this

placeholder.

Don’t reinvent the wheelBootstrap has a garage full of them.

Basically, the opposite of your car keys

Just tell it when to hide

class=“hidden-md hidden-lg”

class=“hidden-xs hidden-sm”

One page, multiple layoutsCustomize the layout for each type of device

Then, upload what’s required or finish it later.

Submit without any documents

The only constant is change.

Documenting the documents

Want to be a Doctor of Nursing Practice?Sure you do. This is what you’ll need you to upload:

Document heavenHere’s what our team sees

Our Journey Continues…

1. Background

2. The Application

3. Bootstrap

4. Document Uploads

5. Code Tips

6. Form Prefill

7. Prioritized Call List

8. Results

9. Future

“Slide” backwards

Press onward

No reason not to; unless you’re paid per line of code.

Components = reusability

View state is why you can’t view your page.I don’t know what that means, but it doesn’t look good.

Don’t worry.The view state limit is not the maximum number of times you’re allowed to see

Texas.

View

state?

67.82 KB

Visualforce functions can get messy quicklyYes, these are the simple ones. Trust me.

Use Boolean syntaxOr create a method in your controller if you need more complex

logic

Clean, readable, and maintainableEvery time you nest an IF function, a developer somewhere instantly gets

a gray hair.

Partnership Prefill

Lorem ipsum dolor sit amet,

consectetur

Cras egestas mauris ut

faucibus cursus

Pellentesque et risus ac turpis

maximus

https://online.drexel.edu/beneplace-austin

Branded direct apply linksMarketing will love you.

https://online.drexel.edu/AustinApplyNow

https://duoapp.secure.force.com/?partner=1687

https://online.drexel.edu/AustinIndustriesMBA

https://duoapp.secure.force.com/?program=01&partner=1687

Who are you going to call?Don’t say GhostBusters…

v

v

v

Setting prioritiesConfigurable on the fly for on-demand reprioritization

Pull and goNo need to jump around between queues and records anymore

The end is in sight…

1. Background

2. The Application

3. Bootstrap

4. Document Uploads

5. Code Tips

6. Form Prefill

7. Prioritized Call List

8. Results

9. Future

Success

Safety

Developers lie, numbers don’t (usually).

Less applicant confusion = more submitted applications

*Data snapshot from April 20th,

2017

Speed and stealthApplicants who submit in 10 minutes or less

*Data snapshot from April 20th,

2017

Stealth and speedApplicants who submit in 10 minutes or less

2013 -2016 2017

vv

*Data snapshot from April 20th, 2017

2017

Steadily growing organically; we haven’t even advertised our new application yet.

More mobile users

Carpe diemAll users who registered and submitted in 24 hours or less

2016

113 minutes Decrease in average time to submit

55%

2017

50 minutesAverage time to submit

Average time to submit

So, what’s next?

A developer’s job is never doneEver.

Log errors directly to an applicants recordImagine emailing applicants to let them know the error was fixed – before they even call.

We made it!

1. Background

2. The Application

3. Bootstrap

4. Document Uploads

5. Code Tips

6. Form Prefill

7. Prioritized Call List

8. Results

9. Future

Occupational hazards at DrexelThe work environment can be challenging.

Questions?