Database Design and MySQL Session 4 INFM 718N Web-Enabled Databases.
Week 1 INFM 718N Web-Enabled Databases The Big Picture.
-
date post
21-Dec-2015 -
Category
Documents
-
view
223 -
download
2
Transcript of Week 1 INFM 718N Web-Enabled Databases The Big Picture.
![Page 1: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/1.jpg)
Week 1
INFM 718N
Web-Enabled Databases
The Big Picture
![Page 2: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/2.jpg)
Agenda
• Teaching theater orientation
• Why do this?
• Architecture
• Tools
• Course design
• Term project
![Page 3: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/3.jpg)
Teaching Theater
• Login– University password and ID
• Tech support
• Notes– RTF for Word, Powerpoint for printing
• Video– RealVideo + Videotape
![Page 4: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/4.jpg)
Looking at Examples
• Explore one Web-enabled database (7 min)– Work in 10 teams of 2 people each– Identify features you like and dislike
• Report to the class (1 minute!)– Very briefly describe it
• Content, control, presentation, policies
– Say one new thing you like, one that you don’t
![Page 5: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/5.jpg)
Database
Server-side Programming
Interchange Language
Client-side Programming
Web Browser
Client Hardware
Server Hardware (PC, Unix)
(MySQL)
(PHP)
(HTML, XML)
(JavaScript)
(IE, Firefox)
(PC)
Bus
ines
sru
les
Inte
ract
ion
Des
ign
Inte
rfac
eD
esig
n
• Relational normalization• Structured programming• Software patterns• Object-oriented design• Functional decomposition
![Page 6: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/6.jpg)
Model: An Abstraction of Reality
• Formal– To permit automated reasoning
• Necessarily incomplete
• Useful for a purpose
![Page 7: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/7.jpg)
Upside
• Data reuse
• Multiple views
• Scalability
• Personalization / access control
![Page 8: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/8.jpg)
Downside
• Brittle– Depends on 3 servers
• Complex– Learning, design, implementation, debugging
• Formally modeled
![Page 9: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/9.jpg)
Languages and Protocols• Web
– Standards: HTTP / (X)HTML / URL– Software: Server, Browsers
• Database– SQL
• Programming languages– Server-side: PHP, Perl, JSP, ASP.NET– Client-side: JavaScript, Java
• Data interchange– XML / DTD
![Page 10: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/10.jpg)
Tools
• WAMP (for PC)– PHP 5.1.2 + MySQL 5.0.18 + Apache 2.0.55– GUI tools
• OTAL (Sun Unix)– PHP 5.0.5 + MySQL 4.1.15 + Apache 2.0
• Text editor/Integrated Dev. Environment– Eclipse, emacs, notepad, …
![Page 11: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/11.jpg)
Introductions
• Pair with someone you don’t know• Briefly interview each other
– Name and what program they are in
– One interesting thing about them
– One thing they want to learn from this class
• Take a 10 minute break• Introduce them after the break
– 30 seconds per person!
![Page 12: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/12.jpg)
Controlling What Computers Do
• Process design– Logic errors
• Algorithm design– Run-time errors
• Coding– Syntax errors
![Page 13: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/13.jpg)
Programming Skills Hierarchy
• Reusing code [run the book’s programs]
• Understanding patterns [read the book]
• Applying patterns [modify programs]
• Coding without patterns [programming]
• Recognizing new patterns
![Page 14: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/14.jpg)
Three Big Ideas
• Functional decomposition– Outside-in design
• High-level languages– Structured programming, object-oriented design
• Patterns– Design patterns, standard algorithms, code reuse
![Page 15: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/15.jpg)
Installing WAMP
• http://www.en.wampserver.com/
• Run phpinfo.php– Error reporting on? MySQL configured?
• Create a database and user accounts (mysql)
• Run mysql_test.php– Connects OK?
![Page 16: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/16.jpg)
Working with PHP
• Local vs. server-based display
• HTML as an indirect display mechanism
• “View Source” for debugging
• Procedural vs. Object-Oriented
![Page 17: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/17.jpg)
Some Related Courses
• Database Design (LBSC 793)
• Java Programming (LBSC 790/INFM 718B)
• Human-Computer Interaction– LBSC 795 or CMSC 434
• Information Retrieval Systems (LBSC 796)
• XML Encoding (LBSC 708Y)
![Page 18: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/18.jpg)
Learning Strategies• Weekly class sessions
– Ways of thinking– Mixed-initiative interaction (questions, teamwork)
• Readings– Exposure to ideas, details, and references
• Structured exercises– Points of departure for experiential learning
• Project– Experiential learning, mastery of details
• Mailing list and optional TA “lab sessions”– Student-initiated interaction
![Page 19: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/19.jpg)
Grading
• Project: 80%– Team grade: 40%– Your management role: 20%– Your technical role: 20%
• Homework: 10%– PHP, MySQL 5% each
• Participation: 10%– Class sessions, mailing list
![Page 20: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/20.jpg)
Term Project
• Optimally 3-person teams– You pick ‘em, you live with ‘em!– Minimum of 2 (severely limits what can be done)– Max of 4, but only for Ajax teams
• Must solve a real problem for a real client– But don’t over-promise!
• No configuration/language limitations
![Page 21: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/21.jpg)
Preparing for the “Idea Rally”
• A 90-second “elevator pitch”– One interesting and feasible idea– Plus why they should want you on their team!– Showing one optional powerpoint slide
• Illustrate your point, don’t say the same words!
• One-page handout (22 copies)– Your idea in a short paragraph– Your name, picture and contact information– A list of your strengths
![Page 22: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/22.jpg)
First Things First
• Functionality
• Content
• Usability
• Security/Stability
![Page 23: Week 1 INFM 718N Web-Enabled Databases The Big Picture.](https://reader030.fdocuments.net/reader030/viewer/2022032522/56649d6c5503460f94a4c31f/html5/thumbnails/23.jpg)
One-Minute Paper
What was the muddiest point in today’s class?
• Be brief!
• No names!