Mysocial
- 1. Integration: MySocial Introduction Interdisciplinary Web Development CGS2835
- 2. Model-View-Controller • Model: Code to process, retrieve, and store data on a server (PHP, MySQL) • View: Renders the Model into a website (XHTML, CSS) • Controller: Processes user input (JavaScript, PHP, XHTML) CGS2835 WebDev
- 3. Model-View-Controller User input (click a link, submit a form) PHP/JavaScript Adds/Removes data from the Database Shows a webpage Updates information to the webpage What you see Database Requests Data from the database http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller CGS2835 WebDev
- 4. Model • MySQL Database – Tables and Fields to store data • What kind of information would you need to store for a social net? CGS2835 WebDev
- 5. Model • TABLE: users – userID, username, password, picture • TABLE: posts – userID, post, time • TABLE: friends – user, friend CGS2835 WebDev
- 6. Model • database_queries.php – MySQL queries to put and get data – Handles all database access • connect.php – Connection functions in one place • security.php – Functions for sanitization of input – Functions for password hashing – Functions for user authentication CGS2835 WebDev
- 7. View • What things do all pages need to see? • top.php – The top navigation bar of all pages – Specifies the style sheet to be used “style.css” – Included on all view pages with • <?php include(“top.php”); ?> CGS2835 WebDev
- 8. View • index.php: Main page • user.php?userID= – Choosing a user profile to show using $_GET – $_GET is like $_POST except it gets information after the ? in the address instead of a form that posts information – Shows a user’s page, their posts and information – Shows a form to make a post on a user page • user_form.php – Shows the forms for making a new user and logging in CGS2835 WebDev
- 9. Controller • Handles $_POST from forms and sends the data to database_queries.php functions • newuser_process.php – Processes the new user form • user_process.php – Processes the user login form • post_process.php – Processes the user post form CGS2835 WebDev