Multifarious Project Team Members •Alberto Dominguez •Nirmit Gang •Jimmy Garcia •Javier Handal
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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">
<!-- 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)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
Related Documents
