more on fusebox at fusebox development methodology : more on fusebox at fusebox development...

More on Fusebox at www.halhelms.com

Fusebox Development Methodology : www.fusebox.org



Fusebox 3.0

Welcome To Fusebox

Michael Smith, TeraTech, [email protected]





Overview

• What is Fusebox?• Sample Sites• General Concepts• Why Fusebox?• Extended Topics• Demo• How to get started• Q & A





Speaker Information

Who am I?• Michael Smith• President of TeraTech, Inc Rockville MD

– http://www.teratech.com/– ttWebReportServer, CFXGraphicserver

• MDCFUG, CFUN-02, Fusebox Conf• Articles in CFDJ, Fusion Authority• CFUN-02 June 15-16 Wash DC

– http://www.cfconf.org/cfun-02/





More About Me

• ColdFusion Developer• 6 years with ColdFusion• Also work with SQL, JavaScript,

HTML, VB, Oracle, Access• Teach one-on-one and custom

classes• On site and custom development• Fusebox and Process Methodology





What is Fusebox? (part one)

• An organized style of coding for the web• A plan for designing applications• Teamwork in action• So much more!





Organized Coding for the Web (part two)

• Fusebox is Self-documenting• All program flow is in one file

(fbx_switch.cfm)• Logic, Queries, and HTML are separated• Easy to organize large applications into sub

applications, called circuits• Variables are passed cleanly





Designing Applications (part three)

• Projects are broken into clear phases• Design & Prototyping (What and How)

– Initial ideas for ‘What’, Wireframe– Storyboard leads to Prototype, defining ‘How’

• Coding, Testing & Deployment– Prototype is built into real app– Code can be unit tested– Easy to deploy





Teamwork in Action (part four)

• Flow is clear, so it is easy to interconnect pages

• Prototype clearly defines look and feel, so no risk of pages looking differently than expected

• HTML, queries, and code can be done independently

• In effect, different team members produce similar, compatible results





More! (part five)

• Extended features allow apps to grow• Fusebox can be implemented very simply• Take advantage of only the features you

need• Start simple and have the ability to grow

into larger functions





Sample Fusebox Sites

http://www.section508.gov/

http://www.casio.com/

http://www.crayola.com/

http://www.autobytel.com/

http://www.ebags.com/

http://www.exxonmobiltravel.com/

http://www.orderpizzabolis.com/

http://www.ukcfug.org/

http://dls.fws.gov/

http://www.csxi.com/

http://www.fusebox.org/index.cfm?fuseaction=sites.default





General Concepts

• Fuseactions determine flow• Everything calls index.cfm• All pages are included from one central file

fbx_switch.cfm• Files are defined as either Display, Query,

Logic/action code, or system files (dsp_, qry_, act_, fbx_)

• Variables passed between pages become attributes.variablename





Short Break

Five min break...





Why? State of the Art: Failure





Point-to-Point RoutingNew York

Tampa





Hub-and-Spoke System

Tampa

New York

Chicago

Seattle

Los Angeles





Point-to-Point Programming

Module A

Module B

Module D

Module E

Module F

Module C





Fusebox Programming

Module A Module BModule D

Module EModule F Module C

Fusebox





Benefits of Standardization

• Better team communication• Cheaper maintenance• Can pick up others code faster• Fewer bugs due to different styles• Can think about the fun stuff instead of code

structure





Extended Topics

Just a quick overview...• Nested Circuits• Nested Layouts• Exit Fuseactions (XFA’s)• XML Fusedocs• Wireframing• Devnotes





Demo

• Look at a couple sample Fusebox apps• What is fbx_switch.cfm?• How are fuseactions called?





How to get started

• http://www.fusebox.org/• Download core files• Copy sample app into your directory• Start editing fbx_switch.cfm to your needs!• Create dsp_, qry_, and act_ files

• Check out our FB101 and FB201 classes!





Resources

• Fusebox core files are freely available from www.fusebox.org

• Various sites have free tutorials, white papers, sample code, etc.– www.halhelms.com– www.grokfusebox.com– www.bjork.net– www.beynon.org.uk – www.bombusbee.com – php version

• Hal Helms articles in CFDJ magazine





Questions?

Come join us for FB101

tomorrow!

Watch http://www.teratech.com/training/ for new dates and site update

Don’t forget your surveys!

more on fusebox at fusebox development methodology : more on fusebox at fusebox development...

Documents