IPSJ SIG Technical Report Vol.2016-CE-134 No /3/6 1,a) saccess SQL PHP,, saccess, SQL, PHP, Programming Education with Database in Hi

Similar documents
Vol.55 No (Jan. 2014) saccess 6 saccess 7 saccess 2. [3] p.33 * B (A) (B) (C) (D) (E) (F) *1 [3], [4] Web PDF a m

2. saccess saccess SQL SQL SQL saccess SQL SQL PHP 3. saccess saccess saccess Web *1 [5] saccess * saccess saccess, SQ

JavaScript Web JavaScript BitArrow BitArrow ( 4 ) Web VBA JavaScript JavaScript JavaScript Web Ajax(Asynchronous JavaScript + XML) Web. JavaScr

2 3 2 JavaScript 2. 1 Q1 1, % % Q Q Q1: 0 0.0% 7.3% 8 2.9% 1, % % 92.6% Q2: 9 3.3% 31.6% %

IPSJ SIG Technical Report Vol.2014-CE-123 No /2/8 Bebras 1,a) Bebras,,, Evaluation and Possibility of the Questions for Bebras Contest Abs

1_26.dvi

IPSJ SIG Technical Report Vol.2014-CE-123 No /2/8 Bebras 1 2,a) 3,b) Bebras Consideration of figures in Bebras Contest MAIKO SHIMABUKU 1 YUKIO I

2006 [3] Scratch Squeak PEN [4] PenFlowchart 2 3 PenFlowchart 4 PenFlowchart PEN xdncl PEN [5] PEN xdncl DNCL 1 1 [6] 1 PEN Fig. 1 The PEN

4) 5) ) ( 1 ) ( 2 ) ( 3 ) ( 4 ) ( 5 ) ( 6 ) )8) ( 1 ) ( 2 ) ( 3 ) ( 200 9) ( 10) 1 2 (

IPSJ SIG Technical Report Vol.2014-EIP-63 No /2/21 1,a) Wi-Fi Probe Request MAC MAC Probe Request MAC A dynamic ads control based on tra

Vol. 48 No. 3 Mar PM PM PMBOK PM PM PM PM PM A Proposal and Its Demonstration of Developing System for Project Managers through University-Indus

2. 2 ( 1 ) 1 P ( 2 ) P i ( 3 ) P j ( 4 ) i j 2 (2) i 1 (3) j 1 ( 5 ) (2) i 2 (1) 1 CS 3. CS 3.1 CS CS [2] 2 ( 1) CS CS 2 AR ( 2) 2

IPSJ SIG Technical Report Vol.2011-CE-110 No /7/9 Bebras 1, 6 1, 2 3 4, 6 5, 6 Bebras 2010 Bebras Reporting Trial of Bebras Contest for K12 stud

IPSJ SIG Technical Report Vol.2017-CLE-21 No /3/21 e 1,2 1,2 1 1,2 1 Sakai e e e Sakai e Current Status and Challenges on e-learning T

IPSJ SIG Technical Report Vol.2012-CE-116 No /10/14 Kinect 1,a) 1,2,b) 1,c) 1,d) Kinect KineX Kinect,, Kinect, KineX Program Input using Kinect

Vol.54 No (July 2013) [9] [10] [11] [12], [13] 1 Fig. 1 Flowchart of the proposed system. c 2013 Information

e-learning e e e e e-learning 2 Web e-leaning e 4 GP 4 e-learning e-learning e-learning e LMS LMS Internet Navigware

07九州工業大学.indd

Web ( ) [1] Web Shibboleth SSO Web SSO Web Web Shibboleth SAML IdP(Identity Provider) Web Web (SP:ServiceProvider) ( ) IdP Web Web MRA(Mail Retrieval

() D () (2) (3) D (3) ICT [2] 20 [3] 22 0 ICT 32 [4] [5] ICT ICT [6] 2.2 D () (2) (3) [7] () (2) () [8] IT IT c 205 Informa

IPSJ SIG Technical Report Vol.2014-CE-127 No /12/7 1,a) 2,3 2,3 3 Development of the ethological recording application for the understanding of

16_.....E...._.I.v2006

Web Web [4] Web Web [5] Web 2 Web 3 4 Web Web 2.1 Web Web Web Web Web 2.2 Web Web Web *1 Web * 2*3 Web 3. [6] [7] [8] 4. Web 4.1 Web Web *1 Ama

IPSJ SIG Technical Report Vol.2014-CE-126 No /10/11 1,a) Kinect Support System for Romaji Learning through Exercise Abstract: Educatio

IPSJ SIG Technical Report Vol.2014-HCI-158 No /5/22 1,a) 2 2 3,b) Development of visualization technique expressing rainfall changing conditions

1 Web [2] Web [3] [4] [5], [6] [7] [8] S.W. [9] 3. MeetingShelf Web MeetingShelf MeetingShelf (1) (2) (3) (4) (5) Web MeetingShelf

Vol. 48 No. 4 Apr LAN TCP/IP LAN TCP/IP 1 PC TCP/IP 1 PC User-mode Linux 12 Development of a System to Visualize Computer Network Behavior for L

E MathML W3C MathJax 1.3 MathJax MathJax[5] TEX MathML JavaScript TEX MathML [8] [9] MathSciNet[10] MathJax MathJax MathJax MathJax MathJax MathJax We

●OTF A44号 横/06 池本 有里ほか P053-070

IPSJ SIG Technical Report Vol.2009-HCI-134 No /7/17 1. RDB Wiki Wiki RDB SQL Wiki Wiki RDB Wiki RDB Wiki A Wiki System Enhanced by Visibl

MDD PBL ET 9) 2) ET ET 2.2 2), 1 2 5) MDD PBL PBL MDD MDD MDD 10) MDD Executable UML 11) Executable UML MDD Executable UML

PowerPoint プレゼンテーション

自然言語処理16_2_45

1: 2: 3: 4: 2. 1 Exploratory Search [4] Exploratory Search 2. 1 [7] [8] [9] [10] Exploratory Search

,,,,., C Java,,.,,.,., ,,.,, i

IT,, i

Vol.53 No (Mar. 2012) 1, 1,a) 1, 2 1 1, , Musical Interaction System Based on Stage Metaphor Seiko Myojin 1, 1,a

Microsoft PowerPoint pptx

IPSJ SIG Technical Report 3,a),b),,c) Web Web Web Patrash Patrash Patrash Design and Implementation of 3D interface for Patrash: Personalized Autonomo

1 1 CodeDrummer CodeMusician CodeDrummer Fig. 1 Overview of proposal system c

ICT Web Web ICT Web 2. 新 学 習 指 導 要 領 の 理 念 と 教 育 の 情 報 化 の 意 義 2-1 新 学 習 指 導 要 領 の 理 念 ICT 2

1 UD Fig. 1 Concept of UD tourist information system. 1 ()KDDI UD 7) ) UD c 2010 Information Processing S

IPSJ SIG Technical Report Vol.2012-IS-119 No /3/ Web A Multi-story e-picture Book with the Degree-of-interest Extraction Function

LMS LMS 2014 LMS 2 Moodle 2. LMS LMS e-learning Web LMS MOOC Moodle LMS ( 1 ) ( 2 ) ( 3 ) 24 ( 4 ) ( 5 ) ( 6 ) 1 LMS Web CS LMS Instructu

5 5 5 Barnes et al

研究報告用MS-04

IPSJ SIG Technical Report Vol.2014-CE-124 No /3/14 1,a) 2,b) 1 System Design and Analysis for Action Streams in MASUME: Runtime Enviroment for E

Microsoft Word - toyoshima-deim2011.doc

Wiki Wiki Wiki...

15NEWS_夏_入稿1

untitled

外国語学部 紀要30号(横書)/03_菊地俊一

2011 Future University Hakodate 2011 System Information Science Practice Group Report Project Name Visualization of Code-Breaking Group Name Implemati

56

PowerPoint プレゼンテーション

1 Fig. 1 Extraction of motion,.,,, 4,,, 3., 1, 2. 2.,. CHLAC,. 2.1,. (256 ).,., CHLAC. CHLAC, HLAC. 2.3 (HLAC ) r,.,. HLAC. N. 2 HLAC Fig. 2

A pp CALL College Life CD-ROM Development of CD-ROM English Teaching Materials, College Life Series, for Improving English Communica

19 Systematization of Problem Solving Strategy in High School Mathematics for Improving Metacognitive Ability

* 1 e CD-ROM e e e 3 e e e CD-ROM DVD CBT(Computer Based Training) e 2002 e e electronic( ) WBT Web Based Training on-demand IT e e 1 y

IPSJ SIG Technical Report Pitman-Yor 1 1 Pitman-Yor n-gram A proposal of the melody generation method using hierarchical pitman-yor language model Aki

(group A) (group B) PLE(Primary Leaving Examination) adobe Flash ipad 1 adobe Flash e-book ipad adobe Flash adobe Flash Pixton scratch PLE(Primary Lea

, : GUI Web Java 2.1 GUI GUI GUI 2 y = x y = x y = x

システム開発プロセスへのデザイン技術適用の取組み~HCDからUXデザインへ~

IPSJ SIG Technical Report Vol.2012-CG-148 No /8/29 3DCG 1,a) On rigid body animation taking into account the 3D computer graphics came

Juntendo Medical Journal

IPSJ SIG Technical Report Vol.2016-CE-137 No /12/ e β /α α β β / α A judgment method of difficulty of task for a learner using simple

IPSJ SIG Technical Report Vol.2011-MUS-91 No /7/ , 3 1 Design and Implementation on a System for Learning Songs by Presenting Musical St

JavaScript MathTOUCH (Shizuka Shirai) Graduate School of Human Environmental Sciences, Mukogawa Women s University (Tetsuo Fukui) S

Web Web Web Web 1 1,,,,,, Web, Web - i -

IP ( ) IP ( ) IP DNS Web Web DNS Web DNS DNS 利用者 1 利用者 2 東京都調布市の天気情報を応答 東京都調布市の天気を問い合わせ 北海道旭川市の天気を問い合わせ 北海道旭川市の天気情報を応答 Fig. 1 1 DNS サーバ 東京都調布市の天気情報 We

B HNS 7)8) HNS ( ( ) 7)8) (SOA) HNS HNS 4) HNS ( ) ( ) 1 TV power, channel, volume power true( ON) false( OFF) boolean channel volume int

% 95% 2002, 2004, Dunkel 1986, p.100 1

PowerPoint プレゼンテーション

IPSJ SIG Technical Report Vol.2010-SLDM-144 No.50 Vol.2010-EMB-16 No.50 Vol.2010-MBL-53 No.50 Vol.2010-UBI-25 No /3/27 Twitter IME Twitte

3_23.dvi

258 5) GPS 1 GPS 6) GPS DP 7) 8) 10) GPS GPS ) GPS Global Positioning System

HP cafe HP of A A B of C C Map on N th Floor coupon A cafe coupon B Poster A Poster A Poster B Poster B Case 1 Show HP of each company on a user scree

1 5 1) 2 5 Web CMS 3. CMS CMS CMS ( 1 ) ( 2 ) ( 3 ) CMS IT CMS CMS CMS CMS Web Web Web CMS TIFF JPEG MB GB

(3.6 ) (4.6 ) 2. [3], [6], [12] [7] [2], [5], [11] [14] [9] [8] [10] (1) Voodoo 3 : 3 Voodoo[1] 3 ( 3D ) (2) : Voodoo 3D (3) : 3D (Welc

A B C B C ICT ICT ITC ICT

[2] OCR [3], [4] [5] [6] [4], [7] [8], [9] 1 [10] Fig. 1 Current arrangement and size of ruby. 2 Fig. 2 Typography combined with printing

教職教育センター紀要 9号☆/表紙(9)

2. CABAC CABAC CABAC 1 1 CABAC Figure 1 Overview of CABAC 2 DCT 2 0/ /1 CABAC [3] 3. 2 値化部 コンテキスト計算部 2 値算術符号化部 CABAC CABAC

大学における原価計算教育の現状と課題

( ) [1] [4] ( ) 2. [5] [6] Piano Tutor[7] [1], [2], [8], [9] Radiobaton[10] Two Finger Piano[11] Coloring-in Piano[12] ism[13] MIDI MIDI 1 Fig. 1 Syst

24 LED A visual programming environment for art work using a LED matrix

特集04.indd

情報処理学会研究報告 IPSJ SIG Technical Report Vol.2015-CE-131 No /10/10 1,a) 1,b) 1,c) 2,d) 1,e) 1,f) Raspberry Pi GPIO I2C Raspberry Pi Linux HTTP, Rasp


DEIM Forum 2010 A Web Abstract Classification Method for Revie

1 Web Web 1,,,, Web, Web : - i -


GIS Theory and Applications of GIS, 2018, Vol. 26, No.2, pp 地理教育における利活用を考慮した時空間情報システム 牧野隆平 * ** 山本佳世子 Spatio-Temporal Information System for Use

26 Development of Learning Support System for Fixation of Basketball Shoot Form

10_細川直史.indd

Microsoft Word - Android_SQLite講座_画面800×1280

22 (266) / Web PF-Web Web Web Web / Web Web PF-Web Web Web Web CGI Web Web 1 Web PF-Web Web Perl C CGI A Pipe/Filter Architecture Based Software Gener

BOK body of knowledge, BOK BOK BOK 1 CC2001 computing curricula 2001 [1] BOK IT BOK 2008 ITBOK [2] social infomatics SI BOK BOK BOK WikiBOK BO

DPA,, ShareLog 3) 4) 2.2 Strino Strino STRain-based user Interface with tacticle of elastic Natural ObjectsStrino 1 Strino ) PC Log-Log (2007 6)

Microsoft Word - cms12.doc

Transcription:

1,a) 2 2 3 1 4 saccess SQL PHP,, saccess, SQL, PHP, Programming Education with Database in High School Kanemune Susumu 1,a) Shirai Shizuka 2 Takenaka Ippei 2 Nagataki Hiroyuki 3 Shimabuku Maiko 1 Tanabe Norihiko 4 Abstract: We developed a teaching scenario of computer science education for high-school students to learn fundamental knowledge of information systems through programming exercises. This scenario consists of following exercises: Students 1) use saccess, a tool of database education system to understand basic database operations, 2) learn database queries using SQL, and 3) develop a web application simulating convenience store POS systems which have typical structure of information systems based on databases. This paper presents the overview of the practice and implementation this scenario to real classes. We also report the analysis of questionnaire answers from students who experienced the exercise. Keywords: Programming Education, Database, saccess, SQL, PHP, Information System 1. [1] 1 Osaka Electro-Communication University, Neyagawa, Osaka 575 8530, Japan 2 Mukogawa Women s University 3 Okayama University 4 Seikyo Gakuen Junior & Senior High School a) kanemune@gmail.com [2] [3] 1

1 2 1 saccess 2 saccess 3 SQL select 4 SQL insert 5 PHP 3 4 5 6 7 2. 2.1 saccess[4][5][6][7] SQL [8] SQL (select) (insert) PHP [8][9] PHP POS ID Web 1 2.2 saccess 1,2 1,2 saccess saccess 1 S4656 2 saccess 1 saccess 2 2 1 5 3 2.3 SQL SQL 3,4 3,4 saccess SQL Web SQL [8] SQL 2 3 use library; 1 2 select 4 SQL 2

情報処理学会研究報告 図 1 表 3 saccess の練習問題 問題 問1 問2 問3 問4 問5 saccess の実行画面 解答例 テーブルから 4 月の貸出情報 貸出データ をしよう 貸出月 テーブルから図書番号 貸出 貸出データ 月のフィールドだけしよう 射影 図書番号 貸出月 図書番号 T4067 の 6 月の 貸出データ 貸出情報をしよう 図書番号 貸出月 著者名が 新美南吉 の書名 著者データ 分類番号だけをしよう 著者名 結合 図書データ 射影 書名 分類番号 4 月に貸し出された書名 貸出データ 著者名をしよう 貸出月 結合 図書データ 4 T4067 6 新美南吉 4 結合 著者データ 射影 書名 著者名 図 2 SQL エディタの実行画面 表 4 テーブル コンビニデータベースのテーブル構成 フィールド 商品データ 商品番号 商品名 メーカー 単価 (product) (pid) (pname) (pmaker) (pprice) といった内容を実習した エディタではこの例のように 手軽に SQL の問い合わせ を実行することができる 第 3 回目の授業では SQL エディタに用意されているサ 第 3 回の授業を 4 クラス 142 人 のシステムのログか ら分析したところ 入力した SQL 文は平均 15.2 行であっ た use 文のエラーは 10%程度だが select 文のエラーは ンプルデータベースの中から コンビニデータベースを使 約 32%あり 3 回のうち 1 回程度はエラーになっていた 用して実習を行った 表 4 にコンビニデータベースのテー エラーの原因はさまざまだが 空白や記号を日本語文字で *1 ブル構成を示す 入力してしまうケースもある程度存在しており このよう 生徒は説明のスライドを見ながら select 文ではフィー なエラーは目視では発見しづらいことから SQL エディタ ルド名に*を指定すると全フィールドがされる フィー の 全角の がないか確認してください といったエ ルド名を指定すると射影を行える where に条件を書くと ラーメッセージは有用だったと思われる を行える 複数の条件を指定するときは and を使う *1 コンビニデータベースには売上 (sales) テーブルなども存在する が SQL の実習では商品 (product) テーブルのみを使用した 2016 Information Processing Society of Japan 第 4 回目の授業では 空の商品テーブルに対して insert 文を使い 商品データベースに各自が自分の好きな商品を 1 個以上ずつ登録する実習を行った 図 3 に商品登録の例 3

情報処理学会研究報告 insert into product values (4901085094167, むぎ茶, 佐藤園, 250, http://.jpg, 50); 図 3 商品の登録例 表 5 SQL の練習問題 問題と解答例 1 価格の安い順の最初にある商品名とメーカーは select pname,pmaker from product order by pprice; 2 価格の高い順の最初にある商品名とメーカーは select pname,pmaker from product order by pprice desc; 3 商品名に麦を含む商品 をしよう レコード数は 図 4 PHP エディタの実行画面 select * from product where pname like %麦% ; 4 商品名に茶で終わる商品 をしよう レコード数は select * from product where pname like %茶 ; 5 価格が 150 円の商品のレコード数は select count(*) from product where pprice = 150; 6 商品の価格の合計 をしよう select sum(pprice) from product; 7 商品の平均価格 をしよう select avg(pprice) from product; を示す 商品登録の insert 文については 記号の入力と 1 バイト文字と 2 バイト文字の切り替えで入力ミスが発生 しやすかったことから LMS まな BOX[10] にテンプ レートを提示して それをコピーして修正する形で入力を 行った insert 文の実習の後で 第 3 回の復習を兼ねた練習問題 に取り組んだ 表 5 に問題と解答例を示す 図 5 売上ランキングの 2.4 PHP エディタを用いた情報システム実習 第 5 回 第 5 回の授業では saccess と SQL を通して理解した に入力した 教室内の人数分のレジからの売上がスクリー データベースが 身近な情報システムの中で使われている ンの売上画面に反映される様子を見ることで 全国のコン ことを実習を通して確認した 題材としたのは商店やコン ビニエンスストアのレジがコンピュータのプログラムとし ビニエンスストアで利用されているレジの POS システム て動作していることや ネットワークを通して店舗ごとの である 売上がデータベースに集約されること それらが全体とし 生徒は第 4 回に SQL の insert 文でひとり 1 個以上の商品 を商品テーブルに登録した 第 5 回は PHP のプログラム をサーバー側で実行できる PHP エディタ [9] を使い PHP で記述したレジ体験プログラムを使う実習を行った てひとつの情報システムを形作っていることなどを体験的 に学習した 今回の実習は PHP の学習ツールである PHP エディタ で行ったため 生徒はプログラムを画面の左側にし PHP エディタの画面例を図 4 に示す 画面左側の背景 それを実行することで画面の右側にレジのプログラムを表 が白の部分はファイルとプログラム編集領域であり 示して作業した その作業を通して 情報システムのアプ 画面右側はプログラム実行画面である リケーションもプログラムで作成されていることを自然と この例ではコンビニのレジを模した画面がされ 商 意識できるようにした 品のバーコードをバーコードリーダーまたはキーボードか 授業のまとめでは 生徒にレジのプログラムの中に書か ら入力することで商品の販売を行うことができる 売上は れた SQL 文を発見させる実習を行った 生徒は PHP のプ コンビニデータベースの売上テーブルに記録され 在庫数 ログラムからデータベースを呼び出している箇所を見つけ が更新される 教室のスクリーンにした売上商品ラン ることで 情報システムの中でデータベースが利用されて キングの画面を図 5 に示す いることを実感できるようにした 説明の様子を図 6 に 生徒は 2 人ずつの組になり 最初に顧客になって購入し 示す たい商品を紙に記入し 続いてお互いの紙を交換してレジ 2016 Information Processing Society of Japan 4

6 3. 3.1 PHP SQL 1 425 250 175 179 105 74 42.1% 3.2 2015 10 12 3.3 3.3.1 1 2014 [11] ipad, Surface iphone, Android Kindle, Kobo ipod 2 1 1 1 1 3 1 1 1,2 1 1 4 5 5 5 6 3.3.2 1 6 7; 1 2 6 4 2 5 1 6 1 4 3 1 4 4. 4.1 5 6 5 1 5 4 1 4 6 Cronbach.80 1 1 1 5

6.801 3.43 1.16.729 2.81 1.10.767 3.04 1.32.780 3.15 1.15.643 3.90 1.12 2.782, 55.64% 7 1 2 1.891.026 3.01 0.80 1.913.008 2.98 0.75 1.898.099 2.98 0.82 1.766 -.322 3.16 0.66 1.005.975 2.69 0.78 1.741.165 3.35 0.66 3.572 1.092 (%) 59.5 18.2 1 5 2 1 1 7 1 5 Cronbach α.90 2 1 5 2 1 4.2 1 4 90.5% 68.2% ipod 26.3%iPad, Surface 21.8% 20% Kindle, Kobo 5.0% 7 1 1 31.8% 1 29.6% 60% 13.4% 1 14.0%11.2% 1 1 34.1% 31.8% 1 26.3% 90% 4.5% 1 1,2 3.4% 72.6% 25.1% 2.2% 3.27 0.87 3 t(178) = 4.08, p <.01 4.3 1 5 7 2.5 1 5 t(178) = 12.73, 11.96, 13.94, 11.14, 16.67, 12.31, ps <.01 5 4 F (4.51, 803.14) = 5.00, p <.01; (χ 2 (14) = 45.82, p <.01) Greenhouse-Geisser ε HSD 5% 1 5 8 1 2 4 6

8 t(178) = 3.31, 5.12, 8.95, 9.61, ps <.01 3 5 t(178) = 0.47, 0.61, n.s. 3, 5 1, 2 4 F (5, 890) = 25.31, p <.01, HSD 5% 1 1 PC 5% 10%.26 F (1, 178) = 12.93, p <.01; R 2 =.07PC.26, p <.01.15 F (1, 178) = 3.96, p <.05; R 2 =.02 PC.15, p <.05 4.4 3 3.42 0.71 t(178) = 17.41, p <.01 3.50 0.61 9 t(178) = 21.79, p <.01 3.54 0.63 t(178) = 22.03, p <.01 4.5 6 179 Ward 4 1 12 2 85 3 54 4 28 1 4 3 2 χ 2 (3) = 68.35, p <.01; 6 1 2 Anderson-Rubin 4 2 9 1 2 1 3 2 2 7

10 3 3 1 2 4 4 2 3 10 1 2 3 F (3, 178) = 18.32, p <.01; HSD 1 2 3 F (3, 178) = 21.39, p <.01 1 2 3 F (3, 178) = 15.31, p <.01 5. PC PC 20% 1 2 4 PC PC 4 1 9 4 2 1 3 4 4 1 2 1 2 1 2 4 insert 8

2 6. Open Education Web [12] Codecademy[13] code.9leap[14] Web paiza.io[15] jsdo.it[16] Web Codecademy SQL Web step by step Web 7. saccess SQL PHP saccess SQL PHP JavaScript[18] [19] MC2 TA C 25350214 27 [1] Brown, N., Sentance, S., Crick, T., and Humphreys,S: Restart: The Resurgence of Computer Science in UK Schools, Trans. Comput. Educ. Vol.14, No.2, Article 9 (2014). [2] : (2015). [3] :, <http://jouhouka.mext.go.jp/school/ programming_zirei/> ( 2016-02-06). [4], : saccess,, Vol.56, No.5, pp.466 469 (2015). [5],,, :,, Vol.55, No.1, pp.1 12 (2014). [6],,, :,,, CE(118) (2013). [7],,, :,,, CE(117) (2012). [8], :,, 8, pp.99 100 (2015). [9] : Web, 8 () (2015). [10] NSD: e BOX, <https://www.nsd.co.jp/package/ mana-box.html> ( 2016-02-06). [11] Wright :,, 22, pp.1 6 (2014). [12], < http: //dotinstall.com/> ( 2016-02-06). [13] Codecademy., < http://www. codecademy.com/learn> ( 2016-02-06). [14] code.9leap., < http://code.9leap. net/> ( 2016-02-06). [15] paiza.io., < https://paiza.io/> ( 2016-02-06). [16] jsdo.it., < http://jsdo.it/> ( 2016-02-06). [17] saccess., < http://saccess. eplang.jp/> ( 2016-02-06). [18],,,, : JSLesson JavaScript,,, CE(134) (2016). [19],,,, : Dolittle JavaScript,, 57 (2016). 9