Multifarious Project

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

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.

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

Programming Languages Used • SQL • PHP • JAVA Script • XHTML • Flash

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

XHTML Code • Index.html (contains a total of three frames [left, top, right]) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Indian Proof</title> </head> <frameset rows="20,60" cols="*" frameborder="no" border="0" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="top" title="topFrame" /> <frameset rows="*" cols="13,60" framespacing="0" frameborder="no" border="0"> <frame src="left.html" name="left" scrolling="No" noresize="noresize" id="left" title="leftFrame" /> <frame src="derecha.html" name="Right" id="main" title="Title" /> </frameset> </frameset> <noframes><body> </body> </noframes></html>

XHTML Screenshot

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

PHP Code • config.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.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."; ?>

PHP Screenshot

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

MySQL Code • 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."; ?>

MySQL Screenshot

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

JAVA Script Code • Radio Pop-Up (Included in head tag) <SCRIPT LANGUAGE="JavaScript">  </script> • Radio Pop-Up (Inlcuded in body) onLoad="javascript:popUp('http://jhandalb.com/Radio')"

JAVA Script Screenshot Pop-Up

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

Macromedia Flash Code • // 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 • data_xml = new XML(); • data_xml.ignoreWhite = true; • data_xml.onLoad = loadData; • data_xml.load(playlist); • // link press • copy.onPress = function () • { • getURL("http://www.jhandalb.com/Jorgil", "_blank"); • };

Macromedia Flash Screenshot Flash Music Player

Questions

Multifarious Project