1 / 23

Fusebox 3.0: Overview, Sample Sites, and How to Get Started

Learn about Fusebox, its benefits, and its concepts in this informative presentation. Explore sample sites and discover how to get started with Fusebox. Join us for FB101 tomorrow!

jmccarter
Download Presentation

Fusebox 3.0: Overview, Sample Sites, and How to Get Started

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Fusebox 3.0Welcome To FuseboxMichael Smith, TeraTech, Inc.michael@teratech.com

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

  3. 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 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. 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. 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. 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. 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! (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. 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. 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. Short Break Five min break...

  13. Why? State of the Art: Failure

  14. New York Point-to-Point Routing Tampa

  15. Hub-and-Spoke System Chicago Seattle New York Atlanta Los Angeles Tampa

  16. Point-to-Point Programming Module F Module E Module B Module C Module A Module D

  17. Fusebox Programming Module F Module C Module E Fusebox Module A Module D Module B

  18. 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. Extended Topics Just a quick overview... • Nested Circuits • Nested Layouts • Exit Fuseactions (XFA’s) • XML Fusedocs • Wireframing • Devnotes

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

  21. 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. 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. 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 Related