Fusebox 3.0 Welcome To Fusebox Michael Smith, TeraTech, Inc. michael@teratech.com - PowerPoint PPT Presentation

1 / 23
About This Presentation
Title:

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

Description:

Fusebox 3.0 Welcome To Fusebox Michael Smith, TeraTech, Inc. michael_at_teratech.com Overview What is Fusebox? Sample Sites General Concepts Why Fusebox? – PowerPoint PPT presentation

Number of Views:130
Avg rating:3.0/5.0
Slides: 24
Provided by: SandyClar9
Category:

less

Transcript and Presenter's Notes

Title: Fusebox 3.0 Welcome To Fusebox Michael Smith, TeraTech, Inc. michael@teratech.com


1
Fusebox 3.0Welcome To FuseboxMichael Smith,
TeraTech, Inc.michael_at_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?fuseactionsites.
    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
Point-to-Point Routing
New York
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 E
Module F
Module C
Fusebox
Module A
Module B
Module D
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 (XFAs)
  • 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 Dont forget your surveys!
Write a Comment
User Comments (0)
About PowerShow.com