3 3.1 SSedit ua012345% ssedit SuperSQL config.ssql log.txt( logs.txt) SSedit SSedit 3.2 ssql Putty SSedit ua012345% ssql HTML /public html/ssql.ssql 4

Similar documents
/var/lib/sharelatex/data/compiles/5b35c6e168aeba3d a72a7acd11f6ba07fbbff68/output.dvi

3 3.1 SSedit ua012345% ssedit SuperSQL config.ssql log.txt( logs.txt) SSedit SSedit 3.2 ssql Putty SSedit ua012345% ssql HTML /public html/ssql.ssql 4

2.3 ssqltool (3.1 ) postgresql (ua ) itc.db.ics.keio.ac.jp /public html/ssql SuperSQL HTML /public html/ssql /ssql/xxxx.

. ([ ],) : [Name] name1 name2 name10 ([ ]!). name1 name2 : [Name]! name (@) < >@{ < > } = [employee.name@{width=200 color=red}]! l

, [! [, ]! ]!,,., ([ ],). : [Name], name1 name2 name10 ([ ]!). name1 name2 : [Name]! name SuperSQL,,,,,,, < < > } =.,

([ ]!) name1 name2 : [Name]! name SuperSQL,,,,,,, (@) < >@{ < > } =,,., 200,., TFE,, 1 2.,, 4, 3.,,,, Web EGG [5] SSVisual [6], Java SSedit( ss

Gray [6] cross tabulation CUBE, ROLL UP Johnson [7] pivoting SQL 3. SuperSQL SuperSQL SuperSQL SQL [1] [2] SQL SELECT GENERATE <media> <TFE> GENER- AT

World Wide Web =WWW Web ipad Web Web HTML hyper text markup language CSS cascading style sheet Web Web HTML CSS HTML

([ ],), : [Name], name1 name2 name10 4, 2 SuperSQL, ([ ]!), name1 name2 : [Name]! name SuperSQL,,,,,,, < < > } =,

6 2 s µ µµµ µµµµ µ µ h µs µ µµµµ µ µ µ s mµµµµµ µµµ µµ µ u m µmµµµµµ µµ µ µ µ µ µ µ µ µ s 1

SVG資料第6回目(その3) SVGとHTMLの間でデータを交換する

8 7 + <div class='col-12 col-md-8'> 8 <%= item.description %> 9 </div> 10 </div> 11 <% end %> 12 </div> class container container-fluid PicoPlan

,, create table drop table alter table

_勉強会_丸山さつき_v3

ii II Web Web HTML CSS PHP MySQL Web Web CSS JavaScript Web SQL Web

6 2 1

DEIM Forum 2019 H2-2 SuperSQL SuperSQL SQL SuperSQL Web SuperSQL DBMS Pi

~/WWW-local/compIID (WWW IID ) $ mkdir WWW-local $ cd WWW-local $ mkdir compiid 3. Emacs index.html n (a) $ cd ~/WWW/compIID

: Name, Tel name tel (! ) name : Name! Tel tel ( % ) 3. HTML. : Name % Tel name tel 2. 2,., [ ]!, [ ]!, [ ]!,. [! [, ]! ]!,,. ( [ ], ),. : [Name], nam

ch31.dvi

PowerPoint Presentation

Web

[1] [3]. SQL SELECT GENERATE< media >< T F E > GENERATE. < media > HTML PDF < T F E > Target Form Expression ( ), 3.. (,). : Name, Tel name tel

ように記述をします div1 要素 span 要素 2 個 div3 要素 span 要素 4 個 div5 要素 span 要素 1 個 div7 要素 span 要素 2 個 div2 要素 span 要素 1 個 div4 要素 span 要素 2 個 div6 要素 span 要素 2 個

JIS Web Web JIS JIS 5.1.a 5.1.b 5.2.a 5.2.b 5.2.c 5.2.d 5.2.e 5.2.f 5.2.g 5.3.a 5.3.b 5.3.c 5.3.d 5.3.e 5.3.f 5.3.g 5.3.h 5.3.i 5.4.a 5.4.b 5.4.c 5.4.

Network Computing の基礎

サンプル CSS OutlineAnimation.html の説明 HTML の記述 (OutlineAnimation.html) id 属性 stage の div 要素を作り その中に div 要素でボックスを記述します id 属性 div1 の div 要素を記述し 中にテキストで Out

PowerPoint プレゼンテーション

</div> </div> </body> </html> CSS の記述 (3DCubeAnime1.css) #stage ステージのスタイルを指定します 背景色を黒色で指定します 画像に軽く遠近感を出すために perspective: 1000px; と指定し perspective-orig

Color Change

スタイルシートでデザインを整えよう

1222-B Transform Using Class And Tag (classセレクタと要素型セレクタ(Tag)を使用してスタイルを適用する)


■サイトを定義する

Border Width と記述します id 属性 div3 の div 要素を記述し 中にテキストで Border Radius と記述します id 属性 div4 の div 要素を記述し 中に span 要素を1つ記述しその中にテキストで Border All<br />(Color,Widt

Microsoft PowerPoint - CSS(Cascading Style Sheets)の基本.pptx

子ボックスや孫ボックスなどに position: absolute; と指定すると それぞれ親ボックスに対する絶対位置で配置できるので親ボックスの上に複数の子ボックスや孫ボックスを重ねて配置することができます トランジションやアニメーションを作成するときに非常に便利なので覚えておきましょう top

経営論集2011_07_小松先生.indd

Webデザイン論

, HTML HTML PHP, 3. SuperSQL SuperSQL [1] [2], SQL, SQL SELECT GENERATE <media> <TFE> GENERATE <media>, HTML XML, PDF <TFE> Target Form Expression,, 3

ボタンのトランジション 1 トランジションを利用して ボタンを作ってみましょう ボタンを工夫することでひときわ光る web ページにすることができます もう Illustrator や Photoshop でボタンの画像を作る必要はありません JavaScript でスクリプトを書く必

! "#$%&'()*+,-. STUV WXYZ[\]^_`abcdefghijklmno pqrstuvwxyz{ }~ ƒ ˆ Š Œ Ž š œ žÿ ª«±²³ µ ¹º»¼½¾ ÀÁÂÃÄ ÅÆÇÈÉÊËÌÍÎÏÐ

1,.,,,., RDBM, SQL. OSS,, SQL,,.

( 注 )Safari (webkit 系ブラウザ ) と Chrome(webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit-text-stroke-color -webkit-text-fill-color のプロパティで描くこ

合宿事前講座 Web 開発の基本編その 2 情報研究会モブ 薗田海樹 The. H.30 情報研究会 1

Moshimo Challenge Report

( )

サンプル CSS web ページを開くと同時にピエロの玉乗りが動き出すアニメーションを作ってみましょう AnimeAuto の説明 HTML の記述 (AnimeAuto.html) ピエロの画像に pierrot という id を 玉の画像に ball という id を付けておきます <!DOCT

2 Java 35 Java Java HTML/CSS/JavaScript Java Java JSP MySQL Java 9:00 17:30 12:00 13: 項目 日数 時間 習得目標スキル Java 2 15 Web Java Java J

背景の線形グラデーションをアニメーションのように見せる方法は 前章の #div4 ボックスと同じ方法です ( 注 )Safari (webkit 系ブラウザ ) と Chrome(Webkit にも対応 ) は テキストの輪郭や色を -webkit-text-stroke-width -webkit

第6回 CSS入門(つづき)


overflow プロパティの指定は 親ボックスのスタイルに記述します overflow プロパティは position プロパティ (position: static; 以外 ) の指定がされていなと適用されません ボックスの外にはみ出た部分を表示させたくないときに hidden を使用します サ


年刊EDP 2003

Applet java.lang.object java.awt.component java.awt.container java.awt.panel java.applet.applet

サンプル CSS1 入力フィールドの輪郭 (outline) のトランジション 入力フィールドをクリックすると変化します InputOutlineTransition の説明 HTML の記述 (InputOutlineTransition.html) id 属性 field の div 要素を作り

EC 千葉のホームページで使用している CSS CSSスタイルシート ( 外部記載 ) /* == 標示枠背景に壁紙設置 ( 全画面共通 )======= */ body { background-ima

Microsoft PowerPoint - 講義補助資料2017.pptx

<4D F736F F D A957A A A8FEE95F18F88979D DEC90AC E646F63>

CSSNiteLP51-s7-kubo.key

untitled

3 top#index 1 web router.ex web/router.ex 12 scope "/", NanoPlanner do 13 pipe_through browser get "/", TopController, index 16 end URL / to

16 (2) 23 - <div class="col-12 col-md-4"> </div> 23 + <div class="col-12 col-md-4 bg-info text-white text-md-right"> </div> HTML bg-info #17

Excel97関数編


1221 Transitionの指定項目

【お試し版】Web制作者のためのCSS設計の教科書(非売品)

■新聞記事

立ち読みページ

CSSNite-LP54-kubo-ito.key

ProVisionaire Control V3.0セットアップガイド


untitled

<!DOCTYPE html> <html> <head> <title>titleanime01</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="titleanime01.css"> </hea

padding( パディング ) padding プロパティでボックスの内側の余白を指定します この部分の内側には背景 ( 背景色や背景画像 ) を表示できます border( ボーダー ) border プロパティでボックスの境界線を指定します ボーダーには色 太さ 線の種類を指定できます 画像で

メニューのトランジション 1 (text-overflow) トランジションを利用して 面白い個性的なメニューを作ってみましょう web ページもぐっと引き立つでしょう ここで紹介するメニューも Illustrator や Photoshop でメニューの画像を作る必要はありません J

id, クラスで指定 (#id 名,.class 名 ) 4. 様々なセレクタ a,b :a と b を指定 a b :a の下の階層の b を指定 a>b :a の直下の b を指定 a+b :a の次の b を指定 ab :a かつ b を指定 5. 属性セレクタ a[b] :a タグ内で b

H1-H4*.ai

Microsoft Word - 教材WebページのHTML5及びCSS3の解説

eil _4.ppt

Web プログラミング 1 HTML+CSS (3) (2 章 ) 2013/5/8( 水 ) 演習室の PC のハードディスクには演習で作成したデータは保管できません 各 PC の ネットワーク接続 ショートカットからメディア情報センターのサーバーにアクセスしてください (Z ドライブとして使用で

transform: translatex(x 方向の移動距離 ) transform: translatey(y 方向の移動距離 ) transform: translate(x 方向の移動距離, Y 方向の移動距離 ) transform: translate 関数は 移動する位置ではなく 移動

css.pdf

MovingTextsAnime1 の説明 HTML の記述 (MovingTextsAnime1.html) id 属性 stage の div 要素 ( アニメーションが動くステージ ) を作り その中にボックスやテキストを記述します id 属性 div1 のdiv 要素から id 属性 div

websample 1 2 websample index.html


07_経営論集2010 小松先生.indd

r6.dvi

transform: skewx(x 軸の傾斜角度 ) transform: skewy(y 軸の傾斜角度 ) transform: skew(x 軸の傾斜角度, Y 軸の傾斜角度 ) skewx( ) は X 軸に沿って傾斜します skewy( ) は Y 軸に沿って傾斜します skew( ) は

トリガーをわかり易くする方法

ブログ制作教材

HTML HTML HTML

Web データ管理 HTML+CSS (3) (2 章 ) 2011/10/19( 水 ) 湘南工科大学講義資料 Web データ管理 (2011) 阿倍 1/23

JavaScript 演習 2 1

スライド 1

about かみのごうや たいち 大阪府出身 東京都在中 28歳 うお座 O型 ゾウと写真が好き 2xup.org を管理

Stapy_Tsuji_ key

1222-A Transform Function Order (trsn

1221 Transitionの指定項目

Transcription:

SuperSQL SuperSQL 2016 12 13 1 SuperSQL ITC 2 SuperSQL 2.1 public html/ssql 2.2 SSedit SSedit (3.1 ) postgresql (ua123456 ) 131.113.101.124 /public html/ssql SuperSQL HTML /public html/ssql http://user.keio.ac.jp/ /ssql/xxxx.html URL ua012345 test.ssql ssql http://user.keio.ac.jp/ ua012345/ssql/test.html URL 1

3 3.1 SSedit ua012345% ssedit SuperSQL config.ssql log.txt( logs.txt) SSedit SSedit 3.2 ssql Putty SSedit ua012345% ssql HTML /public html/ssql.ssql 4 SuperSQL SQL SELECT GENERATE< media >< T F E > GENERATE < media > HTML PDF Excel L A TEX HTML < T F E > Target Form Expression 2

4.1 (,) (!) (%) 3 (,) : Name, Tel name tel (!) : Name! Tel name tel (%) : Name % Tel name tel 4.2 ([ ]) ( [ ], ) : [Name], name1 name2 name10 3

( [ ]! ) : [Name]! name1 name2 name10 [! [, ]! ]! [ ]!, [ ]!, [ ]! 4.3 SuperSQL TFE 1 :! [Name]! name1 name10 2 : {, Name}! {, Tel} name tel 4.4 FROM SuperSQL FROM SQL FROM dept, employee e 4

4.5 SuperSQL 5 SuperSQL 5.1 SuperSQL ( ) <TFE>@{ < > } =, : width (px) : width= 200 : height (px) : height= 20 ( ): padding (px) : padding= 2 : align(left/center/right) : align= left : valign(top/center/bottom) : valign= top : background-color, bgcolor( : bgcolor= red /bgcolor= FF0000 : color, font-color : color= red /color= FF0000 : size, font-size(px) : font-size= 20 5

: font-weight : font-weight= bold : font-style : font-style= italic CSS : style : style= font-variant: small-caps; font-weight: 900 : class : class= item Name@{align= center, font-color= blue, font-size= 20 } HTML dept color bgcolor color (Yellow ) Q0.ssql [(asc)d.floor, d.name@{bgcolor = dc.fcolor}]! FROM dept d, deptcolor dc WHERE dc.floor = d.floor width 100px 200px 300px 300px [ A, B ]! [ A@{width= 100 }, B@{width= 200 }]! 300px [ {A@{width= 100 },B@{width= 200 }}@{width= 300 }]! 6

100,200px 300px : cssfile : cssfile= demo.css CSS css ; charset : charset= utf-8 : author : author= takehiko : background : background= neko.gif : tablealign : tableborder : tableborder= 1 Q1.ssql { { [e.name@{class= name },e.salary@{class= salary }, e.byear@{class= birth }]! }@{title= MEMBER } }@{cssfile= demo.css,charset= euc-jp } Q1.ssql css cssfile= demo.css demo.css demo.css http://ssql.db.ics.keio.ac.jp/demo.css 7

5.2 image image image image(, ) path SuperSQL HTML ( /public html/ssql) image width : 200 ( pict /public html/ssql/picture/ ) Q2.ssql [e.name, image(e.pict,./picture )@{width= 200 }]! 5.3 link FOREACH link FOREACH (%) (%) link FOREACH link FOREACH (%) Q3.ssql Q3.ssql [e.name % {e.salary, e.syear}]! link FOREACH Q4.ssql Q5.ssql 8

Q4.ssql [link(e.name, Q3.ssql, e.id)]! Q5.ssql FOREACH e.id [e.salary, e.syear]! Q4.ssql Q5.ssql link FOREACH link FOREACH URL ( ) 2 ( 2 ) link FOREACH (,) FOREACH link null NO DATA FOUND link FOREACH link FOREACH link link Q6.ssql [link(e.name@{target= _new }, Q6.ssql, e.id)]! 9

link FOREACH http://ssql.db.ics.keio.ac.jp/demo/link/index.html titles.ssql film.ssql actor.ssql theater.ssql town.ssql http://ssql.db.ics.keio.ac.jp/demo/link/titles.html link FOREACH (%) 5.4 ( ) SuperSQL asc desc (ascending order): (asc) id : (asc)e.id (descending order): (desc) : (desc)e.salary id Q7-1.ssql [(asc)e.salary, (desc)e.id, e.name]! Q7-2.ssql [(asc1)e.salary, (desc2)e.id, e.name]! 10

id id Q8.ssql Q8.ssql [ (asc)d.id, [ (desc)e.id,e.name]! ]! FROM dept d, employee e WHERE d.manager=e.manager 5.5 Aggregate Functions Aggregate Functions (max) (min) (avg) (sum) (count) Aggregate Function max[], min[], avg[], sum[], count[] Q9.ssql avg max min Q9.ssql [ e.name ]!, avg[e.salary] 5.6 Q10.ssql e.name 3 Q10.ssql [e.name],3! Q11.ssql e.name e.employee 3 5 11

[ TFE ],number! number [name],5! [ TFE ]!number, number [name]!5, [ TFE ],number% number [name],5% [ TFE ]!number% number [name]!5% [ TFE ],number1!number2% number1 [name],5!4% number2 [ TFE ]!number1,number2% number1 [name]!5,4% number2 Q11.ssql [e.name, e.salary],3!5% 5.7 null null Q12.ssql [null((desc1)e.salary), e.name]! 5.8 anchor anchor anchor a anchor( URL) a( SuperSQL, http://ssql.db.ics.keio.ac.jp/ )! image_anchor( PATH, URL ) img_a( icon/ssql.png, http://ssql.db.ics.keio.ac.jp/ ) 12

5.9 sql SuperSQL DBMS & sql SuperSQL Q13.ssql [e.name, &replace(e.name,, )]! 5.10 SuperSQL TFE ( ) +, -, /, *, % Q14.ssql (1 =113 ) [e.id, e.name, (e.salary / 113) ]! 5.11 SuperSQL /* */ ( 2 ) ( 2 ) Q15.ssql { [e.name /*@{class= name }*/, e.salary]! }/*@{cssfile= demo.css }*/ --,shop s 13

6 db-ta16@db.ics.keio.ac.jp (24-205,209) SuperSQL http://ssql.db.ics.keio.ac.jp/tutorial/ 14