1. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Fusebox 3.0 Welcome To Fusebox Michael Smith, TeraTech, Inc. michael@teratech.com

2. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Overview What is Fusebox? Sample Sites General Concepts Why Fusebox? Extended Topics Demo How to get started Q & A

3. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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/

4. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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

5. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org What is Fusebox? (part one) An organized style of coding for the web A plan for designing applications Teamwork in action So much more!

6. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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

7. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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

8. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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

9. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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

10. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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

11. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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

12. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Short Break Five min break...

13. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Why? State of the Art: Failure

14. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Point-to-Point Routing New York Tampa

15. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Hub-and-Spoke System Tampa New York Chicago Seattle Los Angeles

16. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Point-to-Point Programming Module A Module B Module D Module E Module F Module C

17. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Fusebox Programming Module AModule BModule D Module EModule FModule C Fusebox

18. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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

19. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Extended Topics Just a quick overview... Nested Circuits Nested Layouts Exit Fuseactions (XFA’s) XML Fusedocs Wireframing Devnotes

20. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Demo Look at a couple sample Fusebox apps What is fbx_switch.cfm? How are fuseactions called?

21. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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!

22. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org 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

23. More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org More on Fusebox at www.halhelms.com Fusebox Development Methodology : www.fusebox.org Questions? Come join us for FB101 tomorrow! Watch http://www.teratech.com/training/ for new dates and site update Don’t forget your surveys!