The document discusses the Model-View-Controller (MVC) framework and how it can be applied to build a social networking website. It describes the model component as the database that stores and retrieves user, post, and friend data. The view component renders this data into webpages. The controller processes user input from forms and interfaces with the model to add or retrieve data from the database. It provides examples of specific PHP files that could be used for each MVC component for a social networking site.

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