1. June 22, 2002The Winning Way!1 The Winning Way Seattle Orlando

2. June 22, 2002The Winning Way!2 Topics Team roles and responsibilities Application requirements Our approach –What to do when –Who does what –Productivity tips –Our solution architecture

3. June 22, 2002The Winning Way!3 Application Requirements Maintain a database Use forms Use Cascading Style Sheets Display data from your database

4. June 22, 2002The Winning Way!4 Our Overall Strategy Have consistency across the application Use standard components/design we have provided in class Use the same architecture for each page KISS - Keep It Simple, Stupid!

5. June 22, 2002The Winning Way!5 Team Roles Designer Draw web site architecture Draw web page architecture Review architecture with team Review sit/pages for architecture compliance Database Administrator Using Access, define databases, tables, and fields Place database in project db directory Create 4-5 test records Validate database maintenance operations Developers (2) Review web site and web page architectures Implement ASP Solicit/integrate components Team Leader Guide review of problem statement Insure team understands problem statment Manage development schedule Validate implementation Serve as team spokesperson, "emcee"

6. June 22, 2002The Winning Way!6 Perform Final Validation Our Project Development Approach - Getting the Job Done at Nationals - Build and Test Style Sheets Perform Initial Validation Complete Web Pages (ASP Pages) Build and Test Functions/Subroutines Build & Test Skeleton Pages Design Web Site Design & Code Database Read/ Analyze 9:00 AM 5:00 PM Total Work To Be Done

7. June 22, 2002The Winning Way!7 Development Time Table

8. June 22, 2002The Winning Way!8 Things That Will Eat Your Lunch Data validation Password validation Error checking Style None of these have anything to do with content Get your application working before dealing with these

9. June 22, 2002The Winning Way!9 Three Important Tips to Employ - Improving Your Productivity - Do NOT use default pages Allow directory browsing Use the DOS edit to find line number

10. June 22, 2002The Winning Way!10 Web Site and Web Page Architecture

11. June 22, 2002The Winning Way!11 Generic Web Site Architecture - Web Page Interaction - Home PageDatabase Table Management Page Add/Revise/Delete Form Report Page default.aspmaintain_supplier.aspsupplier.asp supplier_report.asp

12. June 22, 2002The Winning Way!12 Database Management Architecture - Data Flow - Add/Revise/Delete Form Report Page Database Table Management Page supplier_report.asp maintain_supplier.asp supplier.asp Blank form request report request Show for delete request Show for revise request Add/Revise/Delete Request Supplier Table (gb_supplier) default.aspDatabase Table Management Page Report Data Form Data

13. June 22, 2002The Winning Way!13 Your ASP Page Sending Information to Your ASP Page Form Form Data request.form("fieldname") request.querystring("fieldname") Form Data in URL Web Page Data in URL

14. June 22, 2002The Winning Way!14 Sending Variable Data Via the URL With address or anchor tag: GoHere With forms using "POST" With forms using "GET" In all these cases: Resulting URL is: mypgm.asp?fld1=value1&fld2=value2 Retrieve fields using: request.querystring("fieldname") <A HREF="mypgm.asp">GoHere ?fld1=value1& GoHere

15. June 22, 2002The Winning Way!15 Final static HTML The guts of the page Initial static HTML Standard ASP Page Pattern <% Call GBHead()... Page-unique material... Call GBFoot() %> Page-unique functions and subroutines Include Files

16. June 22, 2002The Winning Way!16 Standard ASP Page for BDPA Northwest - No Database Requirements - The guts of the page Initial static HTML <% Call GBHead()... Page-unique material... Call GBFoot() %> Page-unique functions and subroutines Include Files Final static HTML head_n_foot.inc const.inc css.htm Hyperlink mytable.asp

17. June 22, 2002The Winning Way!17 Standard ASP Page - With Database Requirements - The guts of the page Initial static HTML <% Call GBHead() Call GBFoot() %> Page Unique Subroutines Include Files Final static HTML css.htm head_n_foot.inc const.inc adovbs.inc db_procs.inc Dependent on page requirements

18. June 22, 2002The Winning Way!18 Form Page Standard Layout STANDARD HEADER STANDARD FOOTER Form Explanatory Text Form title Brief instructions Response area if "echoing" results of prior action Form Data All visible and hidden fields Action buttons Delete ReviseAdd Reset

19. June 22, 2002The Winning Way!19 Report Page Standard Layout STANDARD HEADER STANDARD FOOTER Report request form Show starting and ending range Run Report Report Title Report Column Headings Report Data and Action Requests Use tags Column1 Column2 Column3... Action aaa 111 blah Revise Delete bbb 444 foo Revise Delete ccc 396 bar Revise Delete......... Revise Delete etc For FieldA >= ____ and FieldA <= ____

20. June 22, 2002The Winning Way!20 The Dictionary Object A "container" containing a set of key/value pairs Create as a scripting object set form_fields = CreateObject(Scripting.Dictionary) Add to it via "add" method form_fields.add fieldname, request.form(fieldname) Retrieve via "For" loop For each fieldname in form_fields oInput_rs(fieldname) = form_fields(fieldname) Next

21. June 22, 2002The Winning Way!21 Database Procedures - OpenDB and AddRec - OpenDB(filename) Function called with database's filename Calls the error subroutine Return value is a DB Connection Addrec(oInput_rs, oConnection, form_fields) Adds a single record Field values for fields comes from form_fields oConnection valu1 valu2 valu3 valu4 oInput_rs Addrec form_fields fld1 fld2 fld3 fld4 valu1 valu2 valu3 valu4 Uses Creates

22. June 22, 2002The Winning Way!22 Database Procedures - ReviseRec and DeleteRec- Revrec(oInput_rs, oConnection, form_fields) Revises a single record Field values for fields comes from form_fields oConnection valu1 valu2 valu3 valu4 oInput_rs Addrec form_fields fld1 fld2 fld3 fld4 valu1 valu2 valu3 valu4 Uses Creates DeleteRec(oConnection, tablename, fieldname, id) Deletes one or more records Deletes all records with a matching id "id" is a value 'fieldname" is the name of a field (doesn't have to be a key field)

23. June 22, 2002The Winning Way!23 maintain_.asp -Psuedo code - If user requested it, Send a blank form back to the user else, if requested via the report page, create a form for revising or deleting a record else, if this is an add request, create record set get data from the form add record to the record set echo back to the user what you added else if delete request get record id from the form get record from database and put in record set echo to the user, data from the about-to-be-deleted record set delete the record else if revise request get data from form get record from database and put in record set revise record echo back to the user, the record you revised end if

24. June 22, 2002The Winning Way!24 EXTRA SLIDES

25. June 22, 2002The Winning Way!25 Team Exercise Find a partner you don't know or didn't introduce earlier Answer the questions: –Who or what is your: Hero Favorite author Favorite movie star Favorite singer or musician Most embarrassing moment

26. June 22, 2002The Winning Way!26 So Where's the Beef? What will make our web sites special? –They will work! –Tune in next week for "Advanced Topics" What will differentiate Olympia from Seattle? –Architecture is a (common) framework –Fleshing out web page to meet specific requirements –Style