2009 Web 2010 2 1 5108B012-1
1 4 1.1....................................... 4 1.2................................... 4 2 Web 5 2.1 Web............................... 5 2.2 Web................................. 5 3 8 3.1...................... 8 3.1.1................................... 8 3.2..................... 8 3.2.1....................... 9 3.2.2..................... 9 3.2.3................................... 9 4 12 4.1................................... 12 5 14 5.1...................................... 14 5.1.1............................. 14 5.1.2............................. 15 5.2................................... 16 5.3....................................... 17 5.3.1.................................. 17 5.3.2.................................. 17 5.4...................................... 20 5.4.1................... 20 5.4.2 Web...................... 25 6 26 6.1.................................. 26 6.1.1.............................. 26 6.1.2.................................. 27 6.2 YubaEE Web...................... 27 2
6.3................................. 29 6.3.1............................... 30 6.4.............................. 32 6.4.1............................... 32 6.4.2................................. 33 6.4.3............. 33 6.5............................. 34 6.5.1.................................. 34 6.5.2.................................. 36 6.5.3.................................. 37 6.6............................. 37 6.6.1.............................. 37 6.6.2........................ 38 6.6.3.......................... 41 7 45 7.1................................... 45 7.1.1............................... 45 7.1.2 PHP............................ 47 7.1.3 YubaEE.......................... 49 7.1.4................................... 52 8 55 3
1 Web YubaEE YubaEE 1 [1] YubaEE Web YubaEE YubaEE 1.1 Web Web Web Web Web Web 2.1 Web Web 1.2 Web Web Web 1 2007 http://www.kake.info.waseda.ac.jp/research/yuba.html 4
2 Web YubaEE Web Web Web 2.1 Web Web [3] 2.2 Web Web Web Web Web Web Twitter 1 2.1 1 http://twitter.com/ 5
2.1: Twitter SNS SNS sorcial networking service Web SNS mixi 2 2.2 mixi Web mixi mixi Wiki Wiki Web Web HTML Wiki Web wiki wiki Web <strong>wiki</strong> 2 http://mixi.jp/ 6
2.2: mixi Web 7
3 Web 3.1 3.1.1 Visual Programming Language VPL VPL VPL VPL VPL 3.2 VPL 8
3.1: 3.2.1 3.1 3.2.2 3.2 3.2.3 9
3.2: 3.3 a, b, c, d, (a + b) (c + d) 10
3.3: 11
4 4.1 4.2 4.3 4.4 4.5 12
4.1: 4.3: 4.2: 4.4: 4.5: 13
5 YubaEE Web (page transition data flow model) Web Web Web 5.3.1 5.1 Web Web Web Web 5.1.1 Web?? 5.2 1 5.3.1 1 5.3.1 14
5.1: 5.2: 5.3 Web 5.1.2 Web 5.3: 15
5.4: (replace datalabel) 5.4 [[labelname]] Label labelname Web 5.2 Web 3.2.2 16
5.5: 5.3 5.3.1 node 5.3.2 5.6 5.7 17
5.6: 5.7: 18
(switch) 5.8 5.9 19
5.8: 5.9: 5.4 5.4.1 Web Web Web Web Web 20
5.10: Web Web Web 5.10 Web 5.11 Web 5.12 Web Web 21
5.11: 5.12: 22
5.13: 5.13 5.14 1 =80 80 5.15 Web 23
5.14: 5.15: 24
5.4.2 Web Google 5.16 Google 2 Google Google Ajax (Asynchronous JAvascript + Xxm) Ajax Web 5.16: Google 2 http://google.co.jp/ 25
6 Web YubaEE (Yuba Eagle eye Edition) YubaEE Web Web YubaEE Web (creator) Web 6.1 6.1.1 6.1: YubaEE 26
PC Eclipse.org Eclipse 1 PC 2 PC YubaEE Web YubaEE Web Web YubaEE Web OS 6.1.2 Web Web YubaEE Web YubaEE YubaEE Web Web 6.2 YubaEE Web YubaEE Web Web 1 http://www.eclipse.org/ 2 Windows 27
6.2: YubaEE 28
6.3: 6.4: 6.3 HTML Wysiwyg 3 29
6.5: 6.6: 6.3.1 6.5 red tomato ff0000 ff6347 RGB 32bit ff0 f64 RGB 16bit 6.6 YubaEE 6.7 HTML YubaEE 3 Wysiwyg What you see is what you get 30
6.7: 6.8: 6.9: 6.10: 6.11: 6.8 Web YubaEE [[fortune]] [[average]] 6.10 Wysiwyg Wisysig Wysiwyg Wysiwyg YubaEE 31
6.12: Wysiwyg 6.13: 6.14: Wysiwyg 6.13 Wysiwyg Wysiwyg 6.12 6.14 6.4 6.4.1 YubaEE Web 3.2.3 YubaEE 32
6.15: 6.16: 6.4.2 6.4.3 key 33
6.17: 6.18: 6.5 (project designer) (project) Web,, 6.5.1 34
6.19: 6.20: Web 6.23 (switch) 35
6.21: 6.22: 6.23: 6.24: (input terminal) (output terminal) 6.24 4 6.5.2 4 36
6.25: 6.26: 6.5.3 Web Web The Apache Software Foudation HTTP Server 5 Web index.html 6 YubaEE 6.6 6.6.1 (database designer) (database) 5 http://httpd.apache.org/ 6 http://httpd.apache.org/docs/2.2/ja/mod/mod dir.html 37
6.27: Web YubaEE Web Web 6.6.2 6.27 38
6.28: 6.29: 6.28 6.29 6.30 6.30: 39
6.31: 6.32: 6.31 6.32 6.33 6.34 6.33: 40
6.34: 6.35: 6.35 6.6.3 Web 5.5.2 7 YubaEE (style sheet) 6.38 7 41
6.36:?? title, name, body 6.36 6.40 YubaEE 6.37: 42
6.38: 6.39: 43
6.40: 44
7 YubaEE PHP Web YubaEE Web 7.1 Web 7.1.1 7.1 PHP YubaEE 45
7.1: 46
7.1.2 PHP PHP bbs.php <?php // $connection = @mysql_connect( "localhost", "root", "test" ); if(!$connection or!@mysql_select_db( "yubaee", $connection ) ){ // print( " " ); exit; } print <<<DOC_END <HTML> <HEAD> <TITLE> </TITLE> <meta http-equiv="charset" value="utf-8"> </HEAD> <BODY> <H3> </H3> <HR/> <FORM action="write.php" method="post"> <p> <input type="text" name="author"/> <p> <input type="text" name="subject"></p> <p> </P> <p><textarea cols=80 rows=7 name="content"></textarea></p> <p><input type="submit" value=" "></p> </FORM> <hr/> DOC_END; // $SQL = "select * from bbs order by id desc"; $articles = mysql_query( $SQL ); while( $rows = mysql_fetch_array( $articles ) ){ // $id = $rows["id"]; $author = htmlspecialchars( $rows["author"] ); $subject = htmlspecialchars( $rows["subject"] ); $content = preg_replace( /\r\n \r \n/s, "<BR>", htmlspecialchars( $rows["content"] ) ); $timestamp = $rows["timestamp"]; print "<p>$id : <b>$subject</b></p>"; print "<p><font color=\"gray\"> </font>$author <font color=\"gray\"> </font>$timestamp</p>"; print "<p>$content</p><hr/>"; } print<<<doc_end </body> </html> DOC_END;?> 47
write.php <?php $connection = @mysql_connect( "localhost", "root", "test" ); if(!$connection or!@mysql_select_db( "yubaee", $connection ) ){ // print( " " ); exit; } // if( $_POST["author"]=="" $_POST["subject"]=="" $_POST["content"]==""){ print <<<DOC_END <HTML> <HEAD> <TITLE> </TITLE> <meta http-equiv="charset" value="utf-8"> </HEAD> <BODY> <p> <form action="bbs.php"><input type="submit" value=" "></form> </BODY> </HTML> DOC_END; printf($_post["author"]); }else{ $author= mysql_real_escape_string( $_POST["author"] ); $subject= mysql_real_escape_string( $_POST["subject"] ); $content= mysql_real_escape_string( $_POST["content"] ); $timestamp = date("y-m-d H:i:s"); $SQL =<<<DOC_END insert into bbs (author, subject, content, timestamp) values ("$author", "$subject", "$content", "$timestamp") DOC_END; mysql_query($sql); header("http/1.1 301 Moved Permanently"); header("location: http://localhost/bbs.php"); }?> 48
7.3: bbs 7.2: bbs 7.1.3 YubaEE YubaEE 7.2 bbs bbs 7.6 7.3 7.8 7.4 bbs 7.5 49
7.4: bbs 7.5: 50
7.6: 7.7: 7.6 7.7 id id 7.8 51
7.8: 7.9 bbs 7.10 id subject auther timestamp content id 7.1.4 PHP 92 2019 YubaEE 52
7.9: 53
7.10: PHP YubaEE YubaEE YubaEE 54
8 YubaEE Web 55
OB OB. 56
[1] :, 2007, 2008. [2] : web 2008, 2009. [3] : Vol.24 No.4P153-164 Web,, 2007. [4] : Vol.49 No11 P1271-1276 WebWare : WebWare,, 2007. [5] : Vol.26,No3 P69-77 Web Web,, 2009. [6] XSL Transformations Vertion 1.0, http://www.w3.org/tr/1999/rec-xslt-19991116 (2010 1 31 ). [7] Gustabo Alonso, Fabio Casati, Harumi Kuno, Vijay Machiraju, Web Services Concepts, Architectures and Applications, Springer, 1998. [8] John Hughes, Why Functional Programming Matters, http://www.md.chalmers.se/ rjmh/papers/whyfp.html(2010 1 31 ). [9] R., P., :,, 1991. [10] : ER,, 2005. [11] : Java+MySQL+Tomcat Web,, 2006. 57