multifarious project team members alberto dominguez nirmit gang jimmy garcia javier handal

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])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.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 servermysql_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)create table.php (php files connect to MySQL)<?php

include "config.php";// connect to the mysql servermysql_connect($server, $db_user, $db_pass)or die ("Could not connect to mysql because ".mysql_error());

// select the databasemysql_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)Radio Pop-Up (Included in head tag)<SCRIPT LANGUAGE="JavaScript">



</script>

• Radio Pop-Up (Inlcuded in body)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// 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");• };

Macromedia Flash Screenshot

Flash Music Player

QuestionsQuestions

multifarious project team members alberto dominguez nirmit gang jimmy garcia javier handal

Documents