SlideShare a Scribd company logo
Web Design and Programming Striking the Balance
Why use the web? Rich environments like .NET, C++ and J2EE allow total control Vast third-party tools and libraries Deployment issues have been addressed  Web has issues with browsers and connection speed Web frameworks can be flaky at best
Some standard reasons: Ease of training Simple toolset limits choices Ease of deployment   and … It’s the “in” thing to do
My top two reasons . . .
Reason One: Web-based apps provide the fastest way to go from a business need/concept to a working solution Critical business processes cannot wait for a .NET/J2EE/C++ solution With the web we can get users on the system in days . . . not months!
Reason Two: Web-based apps allow rapid changes and enhancements  No plan survives contact with the enemy If you build  exactly  what is specified, users will want it changed! “How hard could it be to . . .”
Integrating design
Programmer as designer “A year ago I couldn’t even spell UI designer, now I are one!” “Design is easy . . . Just find a site you like on the web and copy it!” “Don’t worry about that, I know how it works”
Designer as programmer “There was a bunch of stuff on the page that I didn’t understand so I deleted it. . . Oh, by the way, only one row displays in the table now and the select lists have no values”
Important principles Separate UI from data save/fetch All formatting in CSS  Make the web design page  look like a “web page”
More principles Externalize as much code as possible WLD and CSP Other ugly environments EWD Provide data to the page in a consistent format Give the designer enough choices
Yet more principles Data binding? Are you sure? Minimal inline JS: move code into libraries Only use tricks that  really  enhance the user experience
Why AJAX screws  everything up
The AJAX promise “Fat client-like” behavior Fast response Rich toolsets Totally cool
The AJAX problem No AJAX library is complete Page fragments are not coherent  HTML constructs Info flow is internal . . . not page-to-page Planning and communication become much more critical
Programmer-designer  partnership
Programmer Primary role: Move the required information to and from the database Document this process so the page designer can select the proper Provide  exactly  what the designer/builder requests Stay ahead of data needs
Page designer/builder Primary role: Manage client expectations Stay ahead of the programmers with page and/or fragment prototypes Select correct data to display and capture Communicate requirements to the programmer (translate when needed)
Programmer adjustments Understand the need for clean, easy-to-modify pages Be responsive to designer/business partner requests Code externally Be aware of CSS and page/fragment design principles in use
Programmer adjustments 2 Provide coherent HTML design pages for AJAX fragments Include CSS and JS calls Various standard HEAD, BODY, etc. tags Non-relevant code can be commented out at run time
Designer adjustments Understanding basic flow control IF: conditionals FOR: building table rows Accept responsibility for data presentation and flow Be able to document user needs such as data validation
Questions?

More Related Content

What's hot (20)

Ajax Abuse Todcon2008
Ajax Abuse Todcon2008Ajax Abuse Todcon2008
Ajax Abuse Todcon2008
Jesse Rodgers
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student
Abhishekchauhan863165
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
Mukesh Tekwani
 
HTML
HTML HTML
HTML
Vikas Jagtap
 
What is front-end development ?
What is front-end development ?What is front-end development ?
What is front-end development ?
Mahmoud Shaker
 
Information Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designerInformation Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designer
Adam Polansky
 
Back to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web DevelopmentBack to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web Development
Clint LaForest
 
Modern Web Applications
Modern Web ApplicationsModern Web Applications
Modern Web Applications
Ömer Göktuğ Poyraz
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013
Khoa Quach
 
Single Page Application presentation
Single Page Application presentationSingle Page Application presentation
Single Page Application presentation
John Staveley
 
Web Application
Web ApplicationWeb Application
Web Application
Sameer Poudel
 
Accessibility and the importance of user testing
Accessibility and the importance of user testingAccessibility and the importance of user testing
Accessibility and the importance of user testing
Russ Weakley
 
Quickie auth with firebase and polymer
Quickie auth with firebase and polymerQuickie auth with firebase and polymer
Quickie auth with firebase and polymer
Sylia Baraka
 
Proposal use style sheets
Proposal   use style sheetsProposal   use style sheets
Proposal use style sheets
Michael Dayah
 
Web Development Today
Web Development TodayWeb Development Today
Web Development Today
bretticus
 
Understanding SharePoint Roles
Understanding SharePoint RolesUnderstanding SharePoint Roles
Understanding SharePoint Roles
Wes Preston
 
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorldAjax Usability for AjaxWorld
Ajax Usability for AjaxWorld
AndreCharland
 
Why a CMS? Why Drupal?
Why a CMS? Why Drupal?Why a CMS? Why Drupal?
Why a CMS? Why Drupal?
Marie Toler Raney
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTRE
jatin batra
 
Forms standards
Forms standardsForms standards
Forms standards
Rafael Mumme
 
Ajax Abuse Todcon2008
Ajax Abuse Todcon2008Ajax Abuse Todcon2008
Ajax Abuse Todcon2008
Jesse Rodgers
 
ppt of web development for diploma student
ppt of web development for diploma student ppt of web development for diploma student
ppt of web development for diploma student
Abhishekchauhan863165
 
Web Site Design Principles
Web Site Design PrinciplesWeb Site Design Principles
Web Site Design Principles
Mukesh Tekwani
 
What is front-end development ?
What is front-end development ?What is front-end development ?
What is front-end development ?
Mahmoud Shaker
 
Information Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designerInformation Architecture & Why you care about it as a designer
Information Architecture & Why you care about it as a designer
Adam Polansky
 
Back to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web DevelopmentBack to the Basics - 1 - Introduction to Web Development
Back to the Basics - 1 - Introduction to Web Development
Clint LaForest
 
Branding share point 2013
Branding share point 2013Branding share point 2013
Branding share point 2013
Khoa Quach
 
Single Page Application presentation
Single Page Application presentationSingle Page Application presentation
Single Page Application presentation
John Staveley
 
Accessibility and the importance of user testing
Accessibility and the importance of user testingAccessibility and the importance of user testing
Accessibility and the importance of user testing
Russ Weakley
 
Quickie auth with firebase and polymer
Quickie auth with firebase and polymerQuickie auth with firebase and polymer
Quickie auth with firebase and polymer
Sylia Baraka
 
Proposal use style sheets
Proposal   use style sheetsProposal   use style sheets
Proposal use style sheets
Michael Dayah
 
Web Development Today
Web Development TodayWeb Development Today
Web Development Today
bretticus
 
Understanding SharePoint Roles
Understanding SharePoint RolesUnderstanding SharePoint Roles
Understanding SharePoint Roles
Wes Preston
 
Ajax Usability for AjaxWorld
Ajax Usability for AjaxWorldAjax Usability for AjaxWorld
Ajax Usability for AjaxWorld
AndreCharland
 
Web Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTREWeb Design & Development !BATRA COMPUTER CENTRE
Web Design & Development !BATRA COMPUTER CENTRE
jatin batra
 

Viewers also liked (8)

Querying the Web
Querying the WebQuerying the Web
Querying the Web
george.james
 
Si Usted Puede
Si Usted PuedeSi Usted Puede
Si Usted Puede
El Ojo Kanalla .
 
As_Palavras
As_PalavrasAs_Palavras
As_Palavras
kaneta
 
Carta Escrita En El 2070
Carta Escrita En El 2070Carta Escrita En El 2070
Carta Escrita En El 2070
Alfredo Márquez
 
Certificazioni professionalita' ICT e competenze digitali dei docenti
Certificazioni professionalita' ICT e competenze digitali dei docentiCertificazioni professionalita' ICT e competenze digitali dei docenti
Certificazioni professionalita' ICT e competenze digitali dei docenti
Pierfranco Ravotto
 
31032008
3103200831032008
31032008
R D
 
Scalable Web Architectures and Infrastructure
Scalable Web Architectures and InfrastructureScalable Web Architectures and Infrastructure
Scalable Web Architectures and Infrastructure
george.james
 
The experiences of migrating a large scale, high performance healthcare network
The experiences of migrating a large scale, high performance healthcare networkThe experiences of migrating a large scale, high performance healthcare network
The experiences of migrating a large scale, high performance healthcare network
george.james
 
As_Palavras
As_PalavrasAs_Palavras
As_Palavras
kaneta
 
Certificazioni professionalita' ICT e competenze digitali dei docenti
Certificazioni professionalita' ICT e competenze digitali dei docentiCertificazioni professionalita' ICT e competenze digitali dei docenti
Certificazioni professionalita' ICT e competenze digitali dei docenti
Pierfranco Ravotto
 
31032008
3103200831032008
31032008
R D
 
Scalable Web Architectures and Infrastructure
Scalable Web Architectures and InfrastructureScalable Web Architectures and Infrastructure
Scalable Web Architectures and Infrastructure
george.james
 
The experiences of migrating a large scale, high performance healthcare network
The experiences of migrating a large scale, high performance healthcare networkThe experiences of migrating a large scale, high performance healthcare network
The experiences of migrating a large scale, high performance healthcare network
george.james
 
Ad

Similar to Web Design and Programming (20)

Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...
Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...
Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...
rugumazaj88
 
Design Based Dev
Design Based DevDesign Based Dev
Design Based Dev
rajivmordani
 
Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...
Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...
Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...
mouhlirusake
 
Essential Guide to Web Design & Development - Key Trends and Tips.pdf
Essential Guide to Web Design & Development - Key Trends and Tips.pdfEssential Guide to Web Design & Development - Key Trends and Tips.pdf
Essential Guide to Web Design & Development - Key Trends and Tips.pdf
nathaniel838729
 
1_Intro_toHTML.ppt
1_Intro_toHTML.ppt1_Intro_toHTML.ppt
1_Intro_toHTML.ppt
benjaminonum1
 
Decoding the Web
Decoding the WebDecoding the Web
Decoding the Web
newcircle
 
Why You Need a Front End Developer
Why You Need a Front End DeveloperWhy You Need a Front End Developer
Why You Need a Front End Developer
Mike Wilcox
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web development
Christian Heilmann
 
ppt of MANOJ KUMAR.pptx
ppt of MANOJ KUMAR.pptxppt of MANOJ KUMAR.pptx
ppt of MANOJ KUMAR.pptx
ManojKumar297202
 
Industrail training report on website design and development
Industrail training report on website design and developmentIndustrail training report on website design and development
Industrail training report on website design and development
MUSICbegins
 
Web Engineering
Web EngineeringWeb Engineering
Web Engineering
Deniz Kılınç
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
Sachin Walvekar
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation Schemes
Gilbert Guerrero
 
ICT 9 LESSON 1.pdf
ICT 9 LESSON 1.pdfICT 9 LESSON 1.pdf
ICT 9 LESSON 1.pdf
RedenOriola
 
Understanding the Concept of Web Design and Development.pdf
Understanding the Concept of Web Design and Development.pdfUnderstanding the Concept of Web Design and Development.pdf
Understanding the Concept of Web Design and Development.pdf
Promanage IT Solutions
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
SHIVANI CHANDEL
 
Internship template for review 1
Internship template for review 1Internship template for review 1
Internship template for review 1
Lahari Gowda
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
Muhammad Nasr
 
Beyond The MVC
Beyond The MVCBeyond The MVC
Beyond The MVC
george.james
 
What is Web Design and Development presentation
What is Web Design and Development presentationWhat is Web Design and Development presentation
What is Web Design and Development presentation
Rosy G
 
Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...
Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...
Get Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Int...
rugumazaj88
 
Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...
Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...
Master Web Design with HTML CSS JavaScript and jQuery Create Stunning Interac...
mouhlirusake
 
Essential Guide to Web Design & Development - Key Trends and Tips.pdf
Essential Guide to Web Design & Development - Key Trends and Tips.pdfEssential Guide to Web Design & Development - Key Trends and Tips.pdf
Essential Guide to Web Design & Development - Key Trends and Tips.pdf
nathaniel838729
 
Decoding the Web
Decoding the WebDecoding the Web
Decoding the Web
newcircle
 
Why You Need a Front End Developer
Why You Need a Front End DeveloperWhy You Need a Front End Developer
Why You Need a Front End Developer
Mike Wilcox
 
The road to professional web development
The road to professional web developmentThe road to professional web development
The road to professional web development
Christian Heilmann
 
Industrail training report on website design and development
Industrail training report on website design and developmentIndustrail training report on website design and development
Industrail training report on website design and development
MUSICbegins
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
Sachin Walvekar
 
ARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation SchemesARTDM 171, Week 13: Navigation Schemes
ARTDM 171, Week 13: Navigation Schemes
Gilbert Guerrero
 
ICT 9 LESSON 1.pdf
ICT 9 LESSON 1.pdfICT 9 LESSON 1.pdf
ICT 9 LESSON 1.pdf
RedenOriola
 
Understanding the Concept of Web Design and Development.pdf
Understanding the Concept of Web Design and Development.pdfUnderstanding the Concept of Web Design and Development.pdf
Understanding the Concept of Web Design and Development.pdf
Promanage IT Solutions
 
Web designing and development
Web designing and developmentWeb designing and development
Web designing and development
SHIVANI CHANDEL
 
Internship template for review 1
Internship template for review 1Internship template for review 1
Internship template for review 1
Lahari Gowda
 
What is Web Design and Development presentation
What is Web Design and Development presentationWhat is Web Design and Development presentation
What is Web Design and Development presentation
Rosy G
 
Ad

More from george.james (20)

Fosdem 2010 GT.M and OpenStreetMap
Fosdem 2010 GT.M and OpenStreetMapFosdem 2010 GT.M and OpenStreetMap
Fosdem 2010 GT.M and OpenStreetMap
george.james
 
M/DB and M/DB:X
M/DB and M/DB:XM/DB and M/DB:X
M/DB and M/DB:X
george.james
 
Lost In The Clouds
Lost In The CloudsLost In The Clouds
Lost In The Clouds
george.james
 
On a cloudy day you can scale forever
On a cloudy day you can scale foreverOn a cloudy day you can scale forever
On a cloudy day you can scale forever
george.james
 
Bad Light Stops Play
Bad Light Stops PlayBad Light Stops Play
Bad Light Stops Play
george.james
 
Securing The Cloud
Securing The CloudSecuring The Cloud
Securing The Cloud
george.james
 
Out Of The Slipstream Proposal
Out Of The Slipstream ProposalOut Of The Slipstream Proposal
Out Of The Slipstream Proposal
george.james
 
Lightning In The Clouds
Lightning In The CloudsLightning In The Clouds
Lightning In The Clouds
george.james
 
Lost In The Clouds
Lost In The CloudsLost In The Clouds
Lost In The Clouds
george.james
 
Mumps the Internet scale database
Mumps the Internet scale databaseMumps the Internet scale database
Mumps the Internet scale database
george.james
 
Web Development Environments: Choose the best or go with the rest
Web Development Environments:  Choose the best or go with the restWeb Development Environments:  Choose the best or go with the rest
Web Development Environments: Choose the best or go with the rest
george.james
 
Web Servers: Architecture and Security
Web Servers: Architecture and SecurityWeb Servers: Architecture and Security
Web Servers: Architecture and Security
george.james
 
Google's BigTable
Google's BigTableGoogle's BigTable
Google's BigTable
george.james
 
Report from DEVCON 2008
Report from DEVCON 2008Report from DEVCON 2008
Report from DEVCON 2008
george.james
 
Michelle's Wallpaper
Michelle's WallpaperMichelle's Wallpaper
Michelle's Wallpaper
george.james
 
The experiences of migrating a large scale, high performance healthcare network
The experiences of migrating a large scale, high performance healthcare networkThe experiences of migrating a large scale, high performance healthcare network
The experiences of migrating a large scale, high performance healthcare network
george.james
 
Amazon S3 and EC2
Amazon S3 and EC2Amazon S3 and EC2
Amazon S3 and EC2
george.james
 
FIS-PIP™ – A high end database application development platform
FIS-PIP™ – A high end database application development platformFIS-PIP™ – A high end database application development platform
FIS-PIP™ – A high end database application development platform
george.james
 
Mission-critical Ajax: Making Test Ordering Easier and Faster at Quest Diagno...
Mission-critical Ajax:Making Test Ordering Easier and Faster at Quest Diagno...Mission-critical Ajax:Making Test Ordering Easier and Faster at Quest Diagno...
Mission-critical Ajax: Making Test Ordering Easier and Faster at Quest Diagno...
george.james
 
Chris Munt Cherylin Fletcher State Of Play In Nhs
Chris Munt Cherylin Fletcher State Of Play In NhsChris Munt Cherylin Fletcher State Of Play In Nhs
Chris Munt Cherylin Fletcher State Of Play In Nhs
george.james
 
Fosdem 2010 GT.M and OpenStreetMap
Fosdem 2010 GT.M and OpenStreetMapFosdem 2010 GT.M and OpenStreetMap
Fosdem 2010 GT.M and OpenStreetMap
george.james
 
Lost In The Clouds
Lost In The CloudsLost In The Clouds
Lost In The Clouds
george.james
 
On a cloudy day you can scale forever
On a cloudy day you can scale foreverOn a cloudy day you can scale forever
On a cloudy day you can scale forever
george.james
 
Bad Light Stops Play
Bad Light Stops PlayBad Light Stops Play
Bad Light Stops Play
george.james
 
Securing The Cloud
Securing The CloudSecuring The Cloud
Securing The Cloud
george.james
 
Out Of The Slipstream Proposal
Out Of The Slipstream ProposalOut Of The Slipstream Proposal
Out Of The Slipstream Proposal
george.james
 
Lightning In The Clouds
Lightning In The CloudsLightning In The Clouds
Lightning In The Clouds
george.james
 
Lost In The Clouds
Lost In The CloudsLost In The Clouds
Lost In The Clouds
george.james
 
Mumps the Internet scale database
Mumps the Internet scale databaseMumps the Internet scale database
Mumps the Internet scale database
george.james
 
Web Development Environments: Choose the best or go with the rest
Web Development Environments:  Choose the best or go with the restWeb Development Environments:  Choose the best or go with the rest
Web Development Environments: Choose the best or go with the rest
george.james
 
Web Servers: Architecture and Security
Web Servers: Architecture and SecurityWeb Servers: Architecture and Security
Web Servers: Architecture and Security
george.james
 
Report from DEVCON 2008
Report from DEVCON 2008Report from DEVCON 2008
Report from DEVCON 2008
george.james
 
Michelle's Wallpaper
Michelle's WallpaperMichelle's Wallpaper
Michelle's Wallpaper
george.james
 
The experiences of migrating a large scale, high performance healthcare network
The experiences of migrating a large scale, high performance healthcare networkThe experiences of migrating a large scale, high performance healthcare network
The experiences of migrating a large scale, high performance healthcare network
george.james
 
FIS-PIP™ – A high end database application development platform
FIS-PIP™ – A high end database application development platformFIS-PIP™ – A high end database application development platform
FIS-PIP™ – A high end database application development platform
george.james
 
Mission-critical Ajax: Making Test Ordering Easier and Faster at Quest Diagno...
Mission-critical Ajax:Making Test Ordering Easier and Faster at Quest Diagno...Mission-critical Ajax:Making Test Ordering Easier and Faster at Quest Diagno...
Mission-critical Ajax: Making Test Ordering Easier and Faster at Quest Diagno...
george.james
 
Chris Munt Cherylin Fletcher State Of Play In Nhs
Chris Munt Cherylin Fletcher State Of Play In NhsChris Munt Cherylin Fletcher State Of Play In Nhs
Chris Munt Cherylin Fletcher State Of Play In Nhs
george.james
 

Recently uploaded (20)

Project - About Balloonerism the short film.
Project - About Balloonerism the short film.Project - About Balloonerism the short film.
Project - About Balloonerism the short film.
jyncxjrx7y
 
Oleksandr Osypenko: Вступ до PMP та огляд курсу (UA)
Oleksandr Osypenko: Вступ до PMP та огляд курсу (UA)Oleksandr Osypenko: Вступ до PMP та огляд курсу (UA)
Oleksandr Osypenko: Вступ до PMP та огляд курсу (UA)
Lviv Startup Club
 
Mining Saudi Arabia Monthly Report May 2025
Mining Saudi Arabia Monthly Report May 2025Mining Saudi Arabia Monthly Report May 2025
Mining Saudi Arabia Monthly Report May 2025
Tendayi Mwayi
 
Dr. Enrique Segura Ense Group - A Collector Of Italian Cars.pdf
Dr. Enrique Segura Ense Group - A Collector Of Italian Cars.pdfDr. Enrique Segura Ense Group - A Collector Of Italian Cars.pdf
Dr. Enrique Segura Ense Group - A Collector Of Italian Cars.pdf
Dr. Enrique Segura Ense Group
 
Automotive Filter Test ..pdf
Automotive Filter Test             ..pdfAutomotive Filter Test             ..pdf
Automotive Filter Test ..pdf
Test Master
 
Smart Support, Virtually Delivered: Powering Productivity with OnestopDA
Smart Support, Virtually Delivered: Powering Productivity with OnestopDASmart Support, Virtually Delivered: Powering Productivity with OnestopDA
Smart Support, Virtually Delivered: Powering Productivity with OnestopDA
OnestopDA
 
TopMate EW11 Electric Wheelchair for Seniors – Lightweight, Foldable, and Air...
TopMate EW11 Electric Wheelchair for Seniors – Lightweight, Foldable, and Air...TopMate EW11 Electric Wheelchair for Seniors – Lightweight, Foldable, and Air...
TopMate EW11 Electric Wheelchair for Seniors – Lightweight, Foldable, and Air...
Topmate
 
Growing gradually with HubSpot: How Kompasbank went from Sales Hub to full suite
Growing gradually with HubSpot: How Kompasbank went from Sales Hub to full suiteGrowing gradually with HubSpot: How Kompasbank went from Sales Hub to full suite
Growing gradually with HubSpot: How Kompasbank went from Sales Hub to full suite
Michella Brix
 
HVAC Filter Test .pdf
HVAC Filter Test                    .pdfHVAC Filter Test                    .pdf
HVAC Filter Test .pdf
Test Master
 
Market Dynamics Sample Report - Redacted
Market Dynamics Sample Report - RedactedMarket Dynamics Sample Report - Redacted
Market Dynamics Sample Report - Redacted
Mintel Group
 
Europe Toys Market Size, Share, Trends & Report | 2034
Europe Toys Market Size, Share, Trends & Report | 2034Europe Toys Market Size, Share, Trends & Report | 2034
Europe Toys Market Size, Share, Trends & Report | 2034
GeorgeButtler
 
OwnAir - Your Cinema Everywhere | Business Plan
OwnAir - Your Cinema Everywhere | Business PlanOwnAir - Your Cinema Everywhere | Business Plan
OwnAir - Your Cinema Everywhere | Business Plan
Alessandro Masi
 
The Evolution of Down Proof Fabric in Fashion Design
The Evolution of Down Proof Fabric in Fashion DesignThe Evolution of Down Proof Fabric in Fashion Design
The Evolution of Down Proof Fabric in Fashion Design
Stk-Interlining
 
Scott Damron Embracing the Thrill of Rock Climbing and Cycling in Georgia.docx
Scott Damron  Embracing the Thrill of Rock Climbing and Cycling in Georgia.docxScott Damron  Embracing the Thrill of Rock Climbing and Cycling in Georgia.docx
Scott Damron Embracing the Thrill of Rock Climbing and Cycling in Georgia.docx
ScottDamron1
 
Research Proposal for fist three chapter.pdf
Research Proposal for fist three chapter.pdfResearch Proposal for fist three chapter.pdf
Research Proposal for fist three chapter.pdf
moh09152269
 
Harmony Projects (Pvt) Ltd Company Profile.pdf
Harmony Projects (Pvt) Ltd Company Profile.pdfHarmony Projects (Pvt) Ltd Company Profile.pdf
Harmony Projects (Pvt) Ltd Company Profile.pdf
Harmony Developments
 
Comments on Conference 2 notes for Car and Home Show Parts I & II.pdf
Comments on Conference 2 notes for Car and Home Show Parts I & II.pdfComments on Conference 2 notes for Car and Home Show Parts I & II.pdf
Comments on Conference 2 notes for Car and Home Show Parts I & II.pdf
Brij Consulting, LLC
 
Conference 2 Notes for Car and Home Show.pdf
Conference 2 Notes for Car and Home Show.pdfConference 2 Notes for Car and Home Show.pdf
Conference 2 Notes for Car and Home Show.pdf
Brij Consulting, LLC
 
Corporate Wellness Market Share, Size & Growth Report (2025-2034)
Corporate Wellness Market Share, Size & Growth Report (2025-2034)Corporate Wellness Market Share, Size & Growth Report (2025-2034)
Corporate Wellness Market Share, Size & Growth Report (2025-2034)
janewatson684
 
A Brief Introduction About Gregory Felber
A Brief Introduction About Gregory FelberA Brief Introduction About Gregory Felber
A Brief Introduction About Gregory Felber
Gregory Felber
 
Project - About Balloonerism the short film.
Project - About Balloonerism the short film.Project - About Balloonerism the short film.
Project - About Balloonerism the short film.
jyncxjrx7y
 
Oleksandr Osypenko: Вступ до PMP та огляд курсу (UA)
Oleksandr Osypenko: Вступ до PMP та огляд курсу (UA)Oleksandr Osypenko: Вступ до PMP та огляд курсу (UA)
Oleksandr Osypenko: Вступ до PMP та огляд курсу (UA)
Lviv Startup Club
 
Mining Saudi Arabia Monthly Report May 2025
Mining Saudi Arabia Monthly Report May 2025Mining Saudi Arabia Monthly Report May 2025
Mining Saudi Arabia Monthly Report May 2025
Tendayi Mwayi
 
Dr. Enrique Segura Ense Group - A Collector Of Italian Cars.pdf
Dr. Enrique Segura Ense Group - A Collector Of Italian Cars.pdfDr. Enrique Segura Ense Group - A Collector Of Italian Cars.pdf
Dr. Enrique Segura Ense Group - A Collector Of Italian Cars.pdf
Dr. Enrique Segura Ense Group
 
Automotive Filter Test ..pdf
Automotive Filter Test             ..pdfAutomotive Filter Test             ..pdf
Automotive Filter Test ..pdf
Test Master
 
Smart Support, Virtually Delivered: Powering Productivity with OnestopDA
Smart Support, Virtually Delivered: Powering Productivity with OnestopDASmart Support, Virtually Delivered: Powering Productivity with OnestopDA
Smart Support, Virtually Delivered: Powering Productivity with OnestopDA
OnestopDA
 
TopMate EW11 Electric Wheelchair for Seniors – Lightweight, Foldable, and Air...
TopMate EW11 Electric Wheelchair for Seniors – Lightweight, Foldable, and Air...TopMate EW11 Electric Wheelchair for Seniors – Lightweight, Foldable, and Air...
TopMate EW11 Electric Wheelchair for Seniors – Lightweight, Foldable, and Air...
Topmate
 
Growing gradually with HubSpot: How Kompasbank went from Sales Hub to full suite
Growing gradually with HubSpot: How Kompasbank went from Sales Hub to full suiteGrowing gradually with HubSpot: How Kompasbank went from Sales Hub to full suite
Growing gradually with HubSpot: How Kompasbank went from Sales Hub to full suite
Michella Brix
 
HVAC Filter Test .pdf
HVAC Filter Test                    .pdfHVAC Filter Test                    .pdf
HVAC Filter Test .pdf
Test Master
 
Market Dynamics Sample Report - Redacted
Market Dynamics Sample Report - RedactedMarket Dynamics Sample Report - Redacted
Market Dynamics Sample Report - Redacted
Mintel Group
 
Europe Toys Market Size, Share, Trends & Report | 2034
Europe Toys Market Size, Share, Trends & Report | 2034Europe Toys Market Size, Share, Trends & Report | 2034
Europe Toys Market Size, Share, Trends & Report | 2034
GeorgeButtler
 
OwnAir - Your Cinema Everywhere | Business Plan
OwnAir - Your Cinema Everywhere | Business PlanOwnAir - Your Cinema Everywhere | Business Plan
OwnAir - Your Cinema Everywhere | Business Plan
Alessandro Masi
 
The Evolution of Down Proof Fabric in Fashion Design
The Evolution of Down Proof Fabric in Fashion DesignThe Evolution of Down Proof Fabric in Fashion Design
The Evolution of Down Proof Fabric in Fashion Design
Stk-Interlining
 
Scott Damron Embracing the Thrill of Rock Climbing and Cycling in Georgia.docx
Scott Damron  Embracing the Thrill of Rock Climbing and Cycling in Georgia.docxScott Damron  Embracing the Thrill of Rock Climbing and Cycling in Georgia.docx
Scott Damron Embracing the Thrill of Rock Climbing and Cycling in Georgia.docx
ScottDamron1
 
Research Proposal for fist three chapter.pdf
Research Proposal for fist three chapter.pdfResearch Proposal for fist three chapter.pdf
Research Proposal for fist three chapter.pdf
moh09152269
 
Harmony Projects (Pvt) Ltd Company Profile.pdf
Harmony Projects (Pvt) Ltd Company Profile.pdfHarmony Projects (Pvt) Ltd Company Profile.pdf
Harmony Projects (Pvt) Ltd Company Profile.pdf
Harmony Developments
 
Comments on Conference 2 notes for Car and Home Show Parts I & II.pdf
Comments on Conference 2 notes for Car and Home Show Parts I & II.pdfComments on Conference 2 notes for Car and Home Show Parts I & II.pdf
Comments on Conference 2 notes for Car and Home Show Parts I & II.pdf
Brij Consulting, LLC
 
Conference 2 Notes for Car and Home Show.pdf
Conference 2 Notes for Car and Home Show.pdfConference 2 Notes for Car and Home Show.pdf
Conference 2 Notes for Car and Home Show.pdf
Brij Consulting, LLC
 
Corporate Wellness Market Share, Size & Growth Report (2025-2034)
Corporate Wellness Market Share, Size & Growth Report (2025-2034)Corporate Wellness Market Share, Size & Growth Report (2025-2034)
Corporate Wellness Market Share, Size & Growth Report (2025-2034)
janewatson684
 
A Brief Introduction About Gregory Felber
A Brief Introduction About Gregory FelberA Brief Introduction About Gregory Felber
A Brief Introduction About Gregory Felber
Gregory Felber
 

Web Design and Programming

  • 1. Web Design and Programming Striking the Balance
  • 2. Why use the web? Rich environments like .NET, C++ and J2EE allow total control Vast third-party tools and libraries Deployment issues have been addressed Web has issues with browsers and connection speed Web frameworks can be flaky at best
  • 3. Some standard reasons: Ease of training Simple toolset limits choices Ease of deployment and … It’s the “in” thing to do
  • 4. My top two reasons . . .
  • 5. Reason One: Web-based apps provide the fastest way to go from a business need/concept to a working solution Critical business processes cannot wait for a .NET/J2EE/C++ solution With the web we can get users on the system in days . . . not months!
  • 6. Reason Two: Web-based apps allow rapid changes and enhancements No plan survives contact with the enemy If you build exactly what is specified, users will want it changed! “How hard could it be to . . .”
  • 8. Programmer as designer “A year ago I couldn’t even spell UI designer, now I are one!” “Design is easy . . . Just find a site you like on the web and copy it!” “Don’t worry about that, I know how it works”
  • 9. Designer as programmer “There was a bunch of stuff on the page that I didn’t understand so I deleted it. . . Oh, by the way, only one row displays in the table now and the select lists have no values”
  • 10. Important principles Separate UI from data save/fetch All formatting in CSS Make the web design page look like a “web page”
  • 11. More principles Externalize as much code as possible WLD and CSP Other ugly environments EWD Provide data to the page in a consistent format Give the designer enough choices
  • 12. Yet more principles Data binding? Are you sure? Minimal inline JS: move code into libraries Only use tricks that really enhance the user experience
  • 13. Why AJAX screws everything up
  • 14. The AJAX promise “Fat client-like” behavior Fast response Rich toolsets Totally cool
  • 15. The AJAX problem No AJAX library is complete Page fragments are not coherent HTML constructs Info flow is internal . . . not page-to-page Planning and communication become much more critical
  • 17. Programmer Primary role: Move the required information to and from the database Document this process so the page designer can select the proper Provide exactly what the designer/builder requests Stay ahead of data needs
  • 18. Page designer/builder Primary role: Manage client expectations Stay ahead of the programmers with page and/or fragment prototypes Select correct data to display and capture Communicate requirements to the programmer (translate when needed)
  • 19. Programmer adjustments Understand the need for clean, easy-to-modify pages Be responsive to designer/business partner requests Code externally Be aware of CSS and page/fragment design principles in use
  • 20. Programmer adjustments 2 Provide coherent HTML design pages for AJAX fragments Include CSS and JS calls Various standard HEAD, BODY, etc. tags Non-relevant code can be commented out at run time
  • 21. Designer adjustments Understanding basic flow control IF: conditionals FOR: building table rows Accept responsibility for data presentation and flow Be able to document user needs such as data validation