1 / 20

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

sandersjeffrey
Download Presentation

Multifarious Project

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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]) <!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>

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

  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) <?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) <SCRIPT LANGUAGE="JavaScript"> <!-- 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=320');"); } // End --> </script> • 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 • 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"); • };

  19. Macromedia Flash Screenshot Flash Music Player

  20. Questions

More Related