1. Multifarious Project Team Members Alberto Dominguez Nirmit Gang Jimmy Garcia Javier Handal

2. The Basic Idea Frames used for better organization Having a guest book Having a server and client side Register and log in capability Step-wise refinement used to achieve efficiency GOAL: Engineer a high quality website which is usable and maintainable.

3. Software Engineering Techniques Quality Integrity Ease of Use Information hiding Design and architecture Using the waterfall model for development Maintenance Specification

4. Programming Languages Used SQL PHP JAVA Script XHTML Flash

5. XHTML Extensible HyperText Markup Language A markup language based on HTML Gives a proper structure to the web page Can be as easily edited as HTML through Notepad, Emacs, etc. Inclusion of meta elements, which is an important functionality Jumping between locations on the same webpage

6. XHTML Code Index.html (contains a total of three frames [left, top, right])Index.html (contains a total of three frames [left, top, right]) Indian Proof

7. XHTML Screenshot

8. PHP Used to read and write client side data, and interact with MySQL databases Includes Form processing, so as to send and post user data at the right place Extremely helpful in string processing It has environmental variables ($_ENV) to provide information about the execution Implementation of Business logic confirms the data entered is valid Cookies and PHP go hand-in-hand by not putting load on the server, but storing most of the client data on the clients computer for fast and easy retrieval

9. PHP Code config.phpconfig.php <?php $server = "localhost:3306";// server to connect to. $database = "jota";// the name of the database. $db_user = "root";// mysql username to access the database with. $db_pass = "mypassword";// mysql password to access the database with. $table = "guestbook";// database table $rows = 20;// the number of table rows to display ?> create database.phpcreate database.php <?php include "config.php"; // connect to the mysql server mysql_connect($server, $db_user, $db_pass) or die ("Could not connect to mysql because ".mysql_error()); // create the database $query = "CREATE DATABASE $database"; mysql_query($query) or die ("Count not create database because ".mysql_error() ); echo "Success! The database have been create."; ?>

10. PHP Screenshot

11. MySQL Enables to write database queries A useful tool in organizing and manipulating data in a database Can access different databases Supports number of other programming languages Runs and keeps data in the local computer

12. MySQL Code create table.php (php files connect to MySQL)create table.php (php files connect to MySQL) <?php include "config.php"; // connect to the mysql server mysql_connect($server, $db_user, $db_pass) or die ("Could not connect to mysql because ".mysql_error()); // select the database mysql_select_db($database) or die ("Could not select database because ".mysql_error()); // create tables on database $create = "create table $table ( id int(11) NOT NULL auto_increment, name varchar(30) NOT NULL, email char(80) NOT NULL, comment char(250) NOT NULL, primary key (id) );"; mysql_query($create) or die ("Could not create tables because ".mysql_error()); echo "Success! The tables have been created."; ?>

13. MySQL Screenshot

14. JAVA Script Widely used to make web pages more interactive Used for Client/Server side scripting Enhanced functionality than HTML Offers more control of the web page to the developer Easy to learn, especially if you are familiar to C++ Involves the use of control-structures to widen the scope of this scripting language Enables the use of functions and pass information between functions

15. JAVA Script Code Radio Pop-Up (Included in head tag)Radio Pop-Up (Included in head tag) <!-- Begin function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=320,height=32 0');"); } // End --> Radio Pop-Up (Inlcuded in body)Radio Pop-Up (Inlcuded in body) onLoad="javascript:popUp('http://jhandalb.com/Radio')"

16. JAVA Script Screenshot Pop-Up

17. Macromedia Flash Taking interactive websites to the next level with digital content Maximizes creativity, resulting in compelling 2D/3D experience for the user on different platforms Can be easily integrated with HTML Gives an illusion of emmersion

18. Macromedia Flash Code // initialization// initialization Stage.showMenu = true; Stage.scaleMode = "noScale"; stop(); volume = 90; current_song = 1; top.equalizer._visible=0; _root.playlist == undefined ? playlist = "playlist.xml" : playlist=_root.playlist; // playlist loading// playlist loading data_xml = new XML(); data_xml.ignoreWhite = true; data_xml.onLoad = loadData; data_xml.load(playlist); // link press// link press copy.onPress = function () { getURL("http://www.jhandalb.com/Jorgil", "_blank"); };

19. Macromedia Flash Screenshot Flash Music Player

20. Questions