Commit 98d2e93e4661f140bed62e1b3dd5b19c58109630
1 parent
a95da31d
3danatomy is done.
Showing
33 changed files
with
303 additions
and
26 deletions
400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
... | ... | @@ -59,6 +59,7 @@ |
59 | 59 | <Content Include="app\utility\Paint.js" /> |
60 | 60 | <Content Include="app\utility\Point.js" /> |
61 | 61 | <Content Include="app\utility\Rectangle.js" /> |
62 | + <Content Include="app\views\3dA\3d-anatomy-details.html" /> | |
62 | 63 | <Content Include="app\views\3dA\3dA-view.html" /> |
63 | 64 | <Content Include="app\views\ADAMImg\ADAMImg-view.html" /> |
64 | 65 | <Content Include="app\views\ca\clinical-animations-detail.html" /> |
... | ... | @@ -81,6 +82,7 @@ |
81 | 82 | <Content Include="content\data\json\da\body-views\10\da_dat_body_system_term_10.json" /> |
82 | 83 | <Content Include="content\data\json\ca\ca_dat_contentlist.json" /> |
83 | 84 | <Content Include="content\data\json\ca\ca_dat_contentlist_mp4link.json" /> |
85 | + <Content Include="content\data\json\3da\3da_dat_contentlist.json" /> | |
84 | 86 | <None Include="content\data\json\da\body-views\10\da_dat_tm_sg_10.json" /> |
85 | 87 | <Content Include="content\data\json\da\body-views\12\da_dat_layer_12.json" /> |
86 | 88 | <Content Include="content\data\json\da\body-views\12\da_dat_tm_sg_12.json" /> |
... | ... | @@ -106,6 +108,14 @@ |
106 | 108 | <None Include="content\data\json\da\body-views\9\da_dat_tm_sg_9.json" /> |
107 | 109 | <Content Include="content\images\1.jpg" /> |
108 | 110 | <Content Include="content\images\1000x600.jpg" /> |
111 | + <Content Include="content\images\3da\3d-1.jpg" /> | |
112 | + <Content Include="content\images\3da\3d-2.jpg" /> | |
113 | + <Content Include="content\images\3da\3d-3.jpg" /> | |
114 | + <Content Include="content\images\3da\3d-4.jpg" /> | |
115 | + <Content Include="content\images\3da\3d-5.jpg" /> | |
116 | + <Content Include="content\images\3da\3d-6.jpg" /> | |
117 | + <Content Include="content\images\3da\3d-7.jpg" /> | |
118 | + <Content Include="content\images\3da\3d-8.jpg" /> | |
109 | 119 | <Content Include="content\images\ca\thumbnails\ca_tni_3377.jpg" /> |
110 | 120 | <Content Include="content\images\ca\thumbnails\ca_tni_3378.jpg" /> |
111 | 121 | <Content Include="content\images\ca\thumbnails\ca_tni_3379.jpg" /> |
... | ... | @@ -405,6 +415,7 @@ |
405 | 415 | <Content Include="content\images\LE\qz_dat_rs\RS-09.JPG" /> |
406 | 416 | <Content Include="content\images\LE\qz_dat_rs\RS-10.JPG" /> |
407 | 417 | <Content Include="content\images\LE\qz_dat_rs\RS-11.JPG" /> |
418 | + <Content Include="content\images\LE\qz_dat_sk\SK-01.JPG" /> | |
408 | 419 | <Content Include="content\images\speeachBubbleClose.png" /> |
409 | 420 | <Content Include="content\images\2.jpg" /> |
410 | 421 | <Content Include="content\images\3-full.jpg" /> |
... | ... | @@ -43292,6 +43303,7 @@ |
43292 | 43303 | <Content Include="content\data\json\le\qz_dat_ne.json" /> |
43293 | 43304 | <Content Include="content\data\json\le\qz_dat_rp.json" /> |
43294 | 43305 | <Content Include="content\data\json\le\qz_dat_rs.json" /> |
43306 | + <Content Include="content\data\json\le\qz_dat_sk.json" /> | |
43295 | 43307 | <None Include="Web.Debug.config"> |
43296 | 43308 | <DependentUpon>Web.config</DependentUpon> |
43297 | 43309 | </None> | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/controllers/3dAController.js
1 | -AIA.controller("3dAController", ["$scope", "$rootScope", "pages", "$log", | |
2 | -function ($scope, $rootScope, pages, log) { | |
3 | - | |
1 | +AIA.controller("3dAController", ["$scope", "$rootScope", "pages", "$log", '$http', 'DataService', '$filter', '$location', '$document', '$sce', "$compile", | |
2 | +function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location, $document, $sce, $compile) { | |
3 | + | |
4 | 4 | $rootScope.currentActiveModuleTitle = pages[5].name; |
5 | 5 | $scope.showme = true; |
6 | + $scope.threedanatomyData; | |
7 | + $scope.Id; | |
8 | + $scope.$on('$viewContentLoaded', function (event) { | |
9 | + $scope.GetBodySystemNames(); | |
10 | + //$scope.scroll(); | |
11 | + }); | |
12 | + $scope.scroll = function () { | |
13 | + // $window.scrollTo(0, 0); | |
14 | + $("html,body").scrollTop(0); | |
15 | + //alert("scroll"); | |
16 | + } | |
6 | 17 | $scope.IsVisible = function () { |
7 | - $scope.scroll(); | |
18 | + //$scope.scroll(); | |
19 | + $location.url("/3dAnatomy"); | |
8 | 20 | |
9 | 21 | } |
10 | - | |
11 | 22 | $scope.scroll = function () { |
12 | 23 | // $window.scrollTo(0, 0); |
13 | 24 | $("html,body").scrollTop(0); |
14 | 25 | //alert("scroll"); |
15 | 26 | } |
27 | + // getting list of body system modules | |
28 | + $scope.GetBodySystemNames = function () { | |
29 | + | |
30 | + var ThreeDAModulePath = '~/../content/data/json/3da/3da_dat_contentlist.json'; | |
31 | + DataService.getAnotherJson(ThreeDAModulePath).then( | |
32 | + function (result) { | |
33 | + //debugger; | |
34 | + $scope.threedanatomyData = result; | |
35 | + $scope.selectedthreeDAdata = $scope.threedanatomyData.root.ThreeDAData; | |
36 | + }, | |
37 | + function (error) { | |
38 | + console.log(error.statusText) | |
39 | + } | |
40 | + ) | |
41 | + | |
42 | + } | |
43 | + | |
44 | + $scope.showDetails = function (id) { | |
45 | + | |
46 | + | |
47 | + //$scope.open3dImageView(id); | |
48 | + localStorage.setItem("currentBodyViewId", id); | |
49 | + $location.url("/3d-anatomy-details"); | |
50 | + } | |
51 | + | |
52 | + $scope.open3dImageView = function () | |
53 | + { | |
54 | + $scope.Id = localStorage.getItem("currentBodyViewId"); | |
55 | + var ThreeDAModulePath = '~/../content/data/json/3da/3da_dat_contentlist.json'; | |
56 | + DataService.getAnotherJson(ThreeDAModulePath).then( | |
57 | + function (result) { | |
58 | + $scope.threedanatomyData = result; | |
59 | + $scope.selectedthreeDAdata = $scope.threedanatomyData.root.ThreeDAData; | |
60 | + //alert(JSON.stringify($scope.selectedthreeDAdata)) | |
61 | + var clicked3dAview = []; | |
62 | + clicked3dAview = new jinqJs().from($scope.selectedthreeDAdata) | |
63 | + .where('_id == ' + $scope.Id) | |
64 | + .select('_Title', '_3dimagepath'); | |
65 | + $scope.SelectedCAthumbImage = clicked3dAview[0]._3dimagepath; | |
66 | + $scope.bodySystemTitle = clicked3dAview[0]._Title; | |
67 | + }, | |
68 | + function (error) { | |
69 | + console.log(error.statusText) | |
70 | + } | |
71 | + ) | |
72 | + localStorage.setItem("currentViewTitle", "3DAnatomy"); | |
73 | + //$.jsPanel({ | |
74 | + // id: 'daImagePanel', | |
75 | + // selector: '.daBodyView', | |
76 | + // theme: 'success', | |
77 | + // currentController: '3dAController', | |
78 | + // parentSlug: '3d-anatomy-details', | |
79 | + // ajax: { | |
80 | + // url: 'app/views/3dA/3d-anatomy-details.html' | |
81 | + // }, | |
82 | + // title: localStorage.getItem("currentViewTitle"), | |
83 | + // position: { | |
84 | + // top: 70, | |
85 | + // left: 1, | |
86 | + // }, | |
87 | + | |
88 | + // size: { width: $(window).outerWidth() - 10, height: $(window).outerHeight() - 110 }, | |
89 | + | |
90 | + //}); | |
91 | + } | |
16 | 92 | |
93 | + | |
94 | + | |
17 | 95 | }] |
18 | 96 | |
19 | 97 | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js
1 | 1 | /// <reference path="../../content/data/json/le/LabExercise.js" /> |
2 | -AIA.controller("LabExercController", ["$scope", "$rootScope", "pages", "$log", '$http', 'DataService', '$filter', '$location', '$document', '$sce', | |
3 | -function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location, $document, $sce) { | |
2 | +AIA.controller("LabExercController", ["$scope", "$rootScope", "pages", "$log", '$http', 'DataService', '$filter', '$location', '$document', '$sce',"$compile", | |
3 | +function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location, $document, $sce, $compile) { | |
4 | 4 | $scope.$sce = $sce; |
5 | 5 | $scope.LabExerciseName; |
6 | 6 | $scope.LabExerciseQuiz = null; |
... | ... | @@ -94,18 +94,19 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location |
94 | 94 | if (result.LabExercise[index].Questions[index1].Number == $scope.quiznumber) { |
95 | 95 | if (result.LabExercise[index].Questions[index1].ImagePath == "") { |
96 | 96 | $("#imgblock").css("display", "none"); |
97 | - $(".options").css("display", "none"); | |
97 | + $scope.IsVisible = false; | |
98 | 98 | $("#textblock").css("display", "block"); |
99 | 99 | $scope.LabExerciseModules = result.LabExercise[index].Questions[index1]; |
100 | 100 | $scope.deliberatelyTrustDangerousSnippet = function (html) { |
101 | - return $sce.trustAsHtml(html); | |
101 | + //var htmltag= $compile(html)($scope); | |
102 | + return $sce.trustAsHtml(html); | |
102 | 103 | }; |
103 | 104 | $scope.activityTitle = result.LabExercise[index].Questions[index1].activityTitle; |
104 | 105 | $scope.Title = result.LabExercise[index].Questions[index1].Title; |
105 | 106 | } |
106 | 107 | else { |
107 | 108 | $("#imgblock").css("display", "block"); |
108 | - $(".options").css("display", "block"); | |
109 | + $scope.IsVisible = true; | |
109 | 110 | $("#textblock").css("display", "none"); |
110 | 111 | $scope.LabExerciseModules = result.LabExercise[index].Questions[index1]; |
111 | 112 | $scope.activityTitle = result.LabExercise[index].Questions[index1].activityTitle; |
... | ... | @@ -188,6 +189,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location |
188 | 189 | if ($scope.DraggedList[inx1].Value == item) { |
189 | 190 | $scope.DraggedList.splice(inx1, 1); |
190 | 191 | $('#block-' + Options[inx].OptionNumber).css("display", "block"); |
192 | + $('#blockans-' + Options[inx].OptionNumber).css("background-color", "transparent !important"); | |
191 | 193 | } |
192 | 194 | }); |
193 | 195 | } |
... | ... | @@ -229,6 +231,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location |
229 | 231 | $scope.DraggedList.push({ "id": id.split('-')[1], "optionName": id.split('-')[1], "Value": dataText, "topcoord": Options[inx].topcoord, "leftcoord": Options[inx].leftcoord }); |
230 | 232 | //$('#' + $scope.dragableId).remove(); |
231 | 233 | $('#' + $scope.dragableId).css("display", "none"); |
234 | + $('#blockans-' + Options[inx].OptionNumber).css("background-color", "transparent !important"); | |
232 | 235 | //$('#' + id).remove(); |
233 | 236 | } |
234 | 237 | }); |
... | ... | @@ -318,7 +321,7 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location |
318 | 321 | } |
319 | 322 | |
320 | 323 | }; |
321 | - | |
324 | + | |
322 | 325 | }] |
323 | 326 | |
324 | 327 | ); | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/main/AIA.js
... | ... | @@ -159,7 +159,13 @@ AIA.constant('pages', [ |
159 | 159 | pageController: 'LabExercController' |
160 | 160 | |
161 | 161 | }, |
162 | - | |
162 | + { // id:3, | |
163 | + name: '3D Anatomy', | |
164 | + pageSlug: '3d-anatomy-details', | |
165 | + pageUrl: 'app/views/3dA/3d-anatomy-details.html', | |
166 | + pageController: '3dAController' | |
167 | + | |
168 | + }, | |
163 | 169 | ]); |
164 | 170 | |
165 | 171 | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/views/3dA/3d-anatomy-details.html
0 → 100644
1 | + | |
2 | + <div class="bodyWrap row" ng-controller="3dAController"> | |
3 | + <div ng-include="aap/widget/MainMenu.html"></div> | |
4 | + <div class="daBodyView" ng-init="open3dImageView()"> | |
5 | + <div class="col-sm-12 pageHeading"> | |
6 | + <!--<button type="button" class="btn btn-default pull-left toggleBar hidden-lg"> <i class="fa fa-bars"></i> </button> | |
7 | + <div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </div>--> | |
8 | + <h4 class="pull-left">{{bodySystemTitle}}</h4> | |
9 | + <div class="pull-right btn-group paddTop4"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="#" ng-click="IsVisible()" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div> | |
10 | + <div class="clearfix"></div> | |
11 | + </div> | |
12 | + <div class="col-sm-12"> | |
13 | + <div class="container-fluid main-full"> | |
14 | + <div class="row" style="padding-left:250px;"> | |
15 | + <object data="{{SelectedCAthumbImage}}" width="800" height="560" type="image/svg+xml"></object> | |
16 | + <!--<object data="https://preview.biodigital.com/widget/?m=preview/v2_musculoskeletal_head_neck.json&ui-all=true&ui-tree=true&uaid=f7n" width="600" height="500" type="image/svg+xml"></object>--> | |
17 | + </div> | |
18 | + </div> | |
19 | + </div> | |
20 | + </div> | |
21 | +</div> | |
22 | + | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/views/3dA/3dA-view.html
... | ... | @@ -2,17 +2,17 @@ |
2 | 2 | <div ng-include="'app/widget/MainMenu.html'" /> |
3 | 3 | <div class="main"> |
4 | 4 | <div class="col-sm-12" style="padding-left:25px; width:99%"> |
5 | - <div class="col-sm-3 col-lg-2"> | |
5 | + <div class="col-sm-3 col-lg-2" ng-repeat="threeDA in selectedthreeDAdata"> | |
6 | 6 | <div class="thumbnail"> |
7 | - <a href="3d-anatomy-details.html"> | |
8 | - <img src="~/../content/images/8.jpg" alt="" title=""> | |
7 | + <a ng-click="showDetails(threeDA._id)"> | |
8 | + <img src="~/../content/images/3da/{{threeDA._ThumbnailImage}}" alt="" title="{{threeDA._Title}}"> | |
9 | 9 | <div class="caption"> |
10 | - <p>3D Heart</p> | |
10 | + <p>{{threeDA._Title}}</p> | |
11 | 11 | </div> |
12 | 12 | </a> |
13 | 13 | </div> |
14 | 14 | </div> |
15 | - <div class="col-sm-3 col-lg-2"> | |
15 | + <!--<div class="col-sm-3 col-lg-2"> | |
16 | 16 | <div class="thumbnail"> |
17 | 17 | <a href="3d-anatomy-details.html"> |
18 | 18 | <img src="~/../content/images/3d-2.jpg" alt="" title=""> |
... | ... | @@ -81,7 +81,7 @@ |
81 | 81 | </div> |
82 | 82 | </a> |
83 | 83 | </div> |
84 | - </div> | |
84 | + </div>--> | |
85 | 85 | |
86 | 86 | |
87 | 87 | ... | ... |
400-SOURCECODE/AIAHTML5.Web/app/views/LabExerc/lab-exercises-detail.html
... | ... | @@ -26,8 +26,8 @@ |
26 | 26 | </div> |
27 | 27 | <div class="panel-body" style="padding:2px;overflow:scroll"> |
28 | 28 | <div id="textblock" style="margin:20px;"> |
29 | - <div style="margin:14px;" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true"> | |
30 | - <div ng-bind-html="deliberatelyTrustDangerousSnippet(optionbox.QuizText)">.</div> | |
29 | + <div style="margin:14px;" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}"> | |
30 | + <div ng-bind-html="deliberatelyTrustDangerousSnippet(optionbox.QuizText)"></div> | |
31 | 31 | </div> |
32 | 32 | <!--<ul> |
33 | 33 | <li ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" ng-bind-html="'{{optionbox.QuizText}}' | to_trusted"></li> |
... | ... | @@ -43,8 +43,8 @@ |
43 | 43 | <img id="droppable" ng-src="content/images/LE/{{Imagepath}}" alt="" ng-click="onClick()" imageonload /> |
44 | 44 | </div> |
45 | 45 | |
46 | - <div ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}" ng-style="{'top':{{optionbox.topcoord}}, 'left':{{optionbox.leftcoord}},'position': 'absolute', 'width': '155px', 'height':'30px', 'border':'0px solid #333', 'background': '#E8E8E8' }">{{optionbox.Answervalue}}</div> | |
47 | - <div draggable="true" ng-repeat="ans in DraggedList" droppable="true" class="droppable ui-droppable answerdroppable" id="blockans-{{ans.id}}" ng-style="{'top':{{ans.topcoord}}, 'left':{{ans.leftcoord}},'position': 'absolute', 'width': '158px', 'height':'30px', 'border':'0px solid #333', 'background': '#E8E8E8','font-size': '12px','border-color':'#FF0000','padding-top':'5px'}">{{ans.Value}}</div> | |
46 | + <div ng-show="IsVisible" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}" ng-style="{'top':{{optionbox.topcoord}}, 'left':{{optionbox.leftcoord}},'position': 'absolute', 'width': '155px', 'height':'30px', 'border':'0px solid #333', 'background': '#E8E8E8' }">{{optionbox.Answervalue}}</div> | |
47 | + <div draggable="true" ng-repeat="ans in DraggedList" droppable="true" class="droppable ui-droppable answerdroppable" id="blockans-{{ans.id}}" ng-style="{'top':{{ans.topcoord}}, 'left':{{ans.leftcoord}},'position': 'absolute', 'width': '158px', 'height':'30px', 'border':'0px solid #333', 'background': 'transparent','font-size': '12px','border-color':'#FF0000','padding-top':'5px'}">{{ans.Value}}</div> | |
48 | 48 | </div> |
49 | 49 | |
50 | 50 | <div class="col-sm-12" style="margin-left: 200px; margin-top: 10px; height:80px;" id="divoptions" droppable="true" > | ... | ... |
400-SOURCECODE/AIAHTML5.Web/content/data/json/3da/3da_dat_contentlist.json
0 → 100644
1 | +{ | |
2 | + "root": { | |
3 | + "ThreeDAData": [ | |
4 | + { | |
5 | + "_id": "1", | |
6 | + "_Title": "3D Skull", | |
7 | + "_ThumbnailImage": "3d-3.jpg" , | |
8 | + "_3dimagepath" :"https://preview.biodigital.com/widget/?m=preview/v2_musculoskeletal_head_neck.json&ui-all=true&ui-tree=true&uaid=f7n" | |
9 | + }, | |
10 | + { | |
11 | + "_id": "2", | |
12 | + "_Title": "3d Brain", | |
13 | + "_ThumbnailImage": "3d-4.jpg" , | |
14 | + "_3dimagepath" :"https://preview.biodigital.com/widget/?m=public_preview/brain_whole_test.json&ui-tools=true&ui-panel=false&ui-all=true&ui-tree=true&uaid=f7n" | |
15 | + }, | |
16 | + { | |
17 | + "_id": "3", | |
18 | + "_Title": "3D Heart", | |
19 | + "_ThumbnailImage": "3d-1.jpg" , | |
20 | + "_3dimagepath" :"https://preview.biodigital.com/widget/?m=public_preview/whole_beating_healthy_heart.json&ui-tools=true&ui-tree=true&ui-panel=false&uaid=f7n" | |
21 | + }, | |
22 | + { | |
23 | + "_id": "4", | |
24 | + "_Title": "3D Ear", | |
25 | + "_ThumbnailImage": "3d-5.jpg" , | |
26 | + "_3dimagepath" :"https://human.biodigital.com/widget/?m=production/maleAdult/earCross.json&uaid=1KT9V&ui-tools=true&ui-panel=true" | |
27 | + }, | |
28 | + { | |
29 | + "_id": "5", | |
30 | + "_Title": "3D Eye", | |
31 | + "_ThumbnailImage": "3d-6.jpg" , | |
32 | + "_3dimagepath" :"https://human.biodigital.com/widget/?m=production/maleAdult/eyeAnatomyTour.json&ui-tree=true&ui-tools=true&uaid=1KT9V" | |
33 | + } | |
34 | + ] | |
35 | + } | |
36 | +} | |
0 | 37 | \ No newline at end of file | ... | ... |
400-SOURCECODE/AIAHTML5.Web/content/data/json/le/qz_dat_rs.json
... | ... | @@ -169,13 +169,25 @@ |
169 | 169 | "Title": "Complete the statements below.", |
170 | 170 | "activityTitle": "Pulmonary Ventilation", |
171 | 171 | "ImagePath":"", |
172 | - "OptionBox": [{"BoxName": "T1","topcoord":"-157","leftcoord":"255","Answervalue":"","QuizText":"The movement of air into and out of the lungs is called <object height='30' droppable='true' width='185'></object> ."}, | |
173 | - {"BoxName": "T2","topcoord":"-123","leftcoord":"409","Answervalue":"","QuizText":"The exchange of gases between the alveoli of the lungs and the blood is called <object height='30' droppable='true' width='185'></object> ."}, | |
174 | - {"BoxName": "T3","topcoord":"-88","leftcoord":"305","Answervalue":"","QuizText":"The exchange of gases between the blood and tissues is called <object height='30' droppable='true' width='185'></object> respiration."}, | |
175 | - {"BoxName": "T4","topcoord":"-54","leftcoord":"346","Answervalue":"","QuizText":"The amount of air exchanged during quiet, restful breathing is called <object height='30' droppable='true' width='185'></object> volume."}], | |
172 | + "OptionBox": [{"BoxName": "T1","topcoord":"-151","leftcoord":"260","Answervalue":"","QuizText":"The movement of air into and out of the lungs is called <span style='position: absolute;border: 0px solid rgb(51, 51, 51); background: rgb(232, 232, 232);height:30px;width:170px;top:154px;' id='blockbox-T1' droppable='true' ></span> <span> .</span>"}, | |
173 | + {"BoxName": "T2","topcoord":"-119","leftcoord":"418","Answervalue":"","QuizText":"The exchange of gases between the alveoli of the lungs and the blood is called <span style='position: absolute;border: 0px solid rgb(51, 51, 51); background: rgb(232, 232, 232);height:30px;width:170px;top:186px;' id='blockbox-T2' droppable='true'></span><span> .</span>"}, | |
174 | + {"BoxName": "T3","topcoord":"-88","leftcoord":"305","Answervalue":"","QuizText":"The exchange of gases between the blood and tissues is called <span style='position: absolute;border: 0px solid rgb(51, 51, 51); background: rgb(232, 232, 232);height:30px;width:170px;top:221px;' id='blockbox-T3' droppable='true'></span><span> respiration.</span>"}, | |
175 | + {"BoxName": "T4","topcoord":"-54","leftcoord":"346","Answervalue":"","QuizText":"The amount of air exchanged during quiet, restful breathing is called <span style='position: absolute;border: 0px solid rgb(51, 51, 51); background: rgb(232, 232, 232);height:30px;width:185px;top:253px;' id='blockbox-T4' droppable='true'></span><span> volume.</span>"}], | |
176 | 176 | "Options": [{"OptionNumber": "A","OptionTitle": "ventilation","textalign":"bottom"},{"OptionNumber": "B","OptionTitle": "external","textalign":"bottom"}, |
177 | 177 | {"OptionNumber": "C","OptionTitle": "internal","textalign":"bottom"},{"OptionNumber": "D","OptionTitle": "tidal","textalign":"bottom"}], |
178 | 178 | "correctResponse": [{"OptionBox": "T1","Answer": "A"},{"OptionBox": "T2","Answer": "B"},{"OptionBox": "T3","Answer": "C"},{"OptionBox": "T4","Answer": "D"}] |
179 | + },{ | |
180 | + "Number": "13", | |
181 | + "Title": "Complete the statements below.", | |
182 | + "activityTitle": "Respiratory Volumes", | |
183 | + "ImagePath":"", | |
184 | + "OptionBox": [{"BoxName": "T1","topcoord":"-148","leftcoord":"325","Answervalue":"","QuizText":"The active phase of breathing, drawing air into the lungs is called <span style='position: absolute;border: 0px solid rgb(51, 51, 51); background: rgb(232, 232, 232);height:30px;width:170px;top:154px;' id='blockbox-T1' droppable='true' ></span> <span>.</span>"}, | |
185 | + {"BoxName": "T2","topcoord":"-119","leftcoord":"329","Answervalue":"","QuizText":"The passive phase of breathing when air leaves the lungs is called <span style='position: absolute;border: 0px solid rgb(51, 51, 51); background: rgb(232, 232, 232);height:30px;width:170px;top:186px;' id='blockbox-T2' droppable='true'></span><span>.</span>"}, | |
186 | + {"BoxName": "T3","topcoord":"-82","leftcoord":"732","Answervalue":"","QuizText":"The disease characterized by narrow respiratory passageways obstructing the movement of air into and out of the lungs is called <span style='position: absolute;border: 0px solid rgb(51, 51, 51); background: rgb(232, 232, 232);height:30px;width:170px;top:221px;' id='blockbox-T3' droppable='true'></span><span>.</span>"}, | |
187 | + {"BoxName": "T4","topcoord":"-50","leftcoord":"626","Answervalue":"","QuizText":"The disease characterized by a reduction in the number of alveoli and a loss of elasticity of lung tissue is called <span style='position: absolute;border: 0px solid rgb(51, 51, 51); background: rgb(232, 232, 232);height:30px;width:185px;top:253px;' id='blockbox-T4' droppable='true'></span><span>.</span>"}], | |
188 | + "Options": [{"OptionNumber": "A","OptionTitle": "inhalation","textalign":"bottom"},{"OptionNumber": "B","OptionTitle": "exhalation","textalign":"bottom"}, | |
189 | + {"OptionNumber": "C","OptionTitle": "asthma","textalign":"bottom"},{"OptionNumber": "D","OptionTitle": "emphysema","textalign":"bottom"}], | |
190 | + "correctResponse": [{"OptionBox": "T1","Answer": "A"},{"OptionBox": "T2","Answer": "B"},{"OptionBox": "T3","Answer": "C"},{"OptionBox": "T4","Answer": "D"}] | |
179 | 191 | }] |
180 | 192 | }] |
181 | 193 | } |
182 | 194 | \ No newline at end of file | ... | ... |
400-SOURCECODE/AIAHTML5.Web/content/data/json/le/qz_dat_sk.json
0 → 100644
1 | +{"LabExercise" : [ | |
2 | + { | |
3 | + "Topic": "Skeletal System", | |
4 | + "Slug": "qz_dat_sk", | |
5 | + "TopicImagePath": "lab-exercises-9.jpg", | |
6 | + "NumberofQuestions": "15", | |
7 | + "Questions": [ | |
8 | + { | |
9 | + "Number": "1", | |
10 | + "Title": "Drag the labels to the correct location on the image.", | |
11 | + "activityTitle": "Skull", | |
12 | + "ImagePath":"SK-01.JPG", | |
13 | + "OptionBox": [{"BoxName": "T1","topcoord":"159","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T2","topcoord":"206","leftcoord":"4","Answervalue":"","QuizText":""}, | |
14 | + {"BoxName": "T3","topcoord":"245","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T4","topcoord":"36","leftcoord":"614","Answervalue":"","QuizText":""}, | |
15 | + {"BoxName": "T5","topcoord":"121","leftcoord":"614","Answervalue":"","QuizText":""},{"BoxName": "T6","topcoord":"202","leftcoord":"614","Answervalue":"","QuizText":""}, | |
16 | + {"BoxName": "T7","topcoord":"287","leftcoord":"614","Answervalue":"","QuizText":""},{"BoxName": "T8","topcoord":"359","leftcoord":"614","Answervalue":"","QuizText":""}], | |
17 | + "Options": [{"OptionNumber": "A","OptionTitle": "Zygomatic bone","textalign":"right"},{"OptionNumber": "B","OptionTitle": "Temporal bone","textalign":"left"}, | |
18 | + {"OptionNumber": "C","OptionTitle": "Nasal bone","textalign":"right"},{"OptionNumber": "D","OptionTitle": "Frontal bone","textalign":"left"}, | |
19 | + {"OptionNumber": "E","OptionTitle": "Parietal bone","textalign":"left"},{"OptionNumber": "F","OptionTitle": "Lacrimal bone","textalign":"right"}, | |
20 | + {"OptionNumber": "G","OptionTitle": "Maxilla","textalign":"left"},{"OptionNumber": "H","OptionTitle": "Mandible","textalign":"right"}], | |
21 | + "correctResponse": [{"OptionBox": "T1","Answer": "B"},{"OptionBox": "T2","Answer": "F"},{"OptionBox": "T3","Answer": "A"},{"OptionBox": "T4","Answer": "D"}, | |
22 | + {"OptionBox": "T5","Answer": "E"},{"OptionBox": "T6","Answer": "C"},{"OptionBox": "T7","Answer": "G"},{"OptionBox": "T8","Answer": "H"}] | |
23 | + },{ | |
24 | + "Number": "2", | |
25 | + "Title": "Drag the labels to the correct location on the image.", | |
26 | + "activityTitle": "Skull (Lat) I", | |
27 | + "ImagePath":"SK-02.JPG", | |
28 | + "OptionBox": [{"BoxName": "T1","topcoord":"108","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T2","topcoord":"166","leftcoord":"4","Answervalue":"","QuizText":""}, | |
29 | + {"BoxName": "T3","topcoord":"207","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T4","topcoord":"247","leftcoord":"4","Answervalue":"","QuizText":""}, | |
30 | + {"BoxName": "T5","topcoord":"47","leftcoord":"614","Answervalue":"","QuizText":""},{"BoxName": "T6","topcoord":"95","leftcoord":"614","Answervalue":"","QuizText":""}, | |
31 | + {"BoxName": "T7","topcoord":"203","leftcoord":"614","Answervalue":"","QuizText":""},{"BoxName": "T8","topcoord":"248","leftcoord":"614","Answervalue":"","QuizText":""}], | |
32 | + "Options": [{"OptionNumber": "A","OptionTitle": "Occipital bone","textalign":"right"},{"OptionNumber": "B","OptionTitle": "Parietal bone","textalign":"left"}, | |
33 | + {"OptionNumber": "C","OptionTitle": "Zygomatic bone","textalign":"right"},{"OptionNumber": "D","OptionTitle": "Nasal bone","textalign":"left"}, | |
34 | + {"OptionNumber": "E","OptionTitle": "Squamosal suture","textalign":"left"},{"OptionNumber": "F","OptionTitle": "Lambdoid suture","textalign":"right"}, | |
35 | + {"OptionNumber": "G","OptionTitle": "Frontal bone","textalign":"left"},{"OptionNumber": "H","OptionTitle": "Coronal suture","textalign":"right"}], | |
36 | + "correctResponse": [{"OptionBox": "T1","Answer": "B"},{"OptionBox": "T2","Answer": "E"},{"OptionBox": "T3","Answer": "F"},{"OptionBox": "T4","Answer": "A"}, | |
37 | + {"OptionBox": "T5","Answer": "H"},{"OptionBox": "T6","Answer": "G"},{"OptionBox": "T7","Answer": "D"},{"OptionBox": "T8","Answer": "C"}] | |
38 | + },{ | |
39 | + "Number": "3", | |
40 | + "Title": "Drag the labels to the correct location on the image.", | |
41 | + "activityTitle": "Skull (Lat) II", | |
42 | + "ImagePath":"SK-03.JPG", | |
43 | + "OptionBox": [{"BoxName": "T1","topcoord":"128","leftcoord":"7","Answervalue":"","QuizText":""},{"BoxName": "T2","topcoord":"247","leftcoord":"7","Answervalue":"","QuizText":""}, | |
44 | + {"BoxName": "T3","topcoord":"295","leftcoord":"7","Answervalue":"","QuizText":""},{"BoxName": "T4","topcoord":"63","leftcoord":"617","Answervalue":"","QuizText":""}, | |
45 | + {"BoxName": "T5","topcoord":"158","leftcoord":"617","Answervalue":"","QuizText":""},{"BoxName": "T6","topcoord":"288","leftcoord":"617","Answervalue":"","QuizText":""}, | |
46 | + {"BoxName": "T7","topcoord":"367","leftcoord":"617","Answervalue":"","QuizText":""}], | |
47 | + "Options": [{"OptionNumber": "A","OptionTitle": "External acoustic meatus","textalign":"right"},{"OptionNumber": "B","OptionTitle": "Sutural bone","textalign":"left"}, | |
48 | + {"OptionNumber": "C","OptionTitle": "Mastoid process","textalign":"right"},{"OptionNumber": "D","OptionTitle": "Mandibular condyle","textalign":"left"}, | |
49 | + {"OptionNumber": "E","OptionTitle": "Mandible","textalign":"left"},{"OptionNumber": "F","OptionTitle": "Maxilla","textalign":"right"}, | |
50 | + {"OptionNumber": "G","OptionTitle": "Sphenoid bone","textalign":"left"}], | |
51 | + "correctResponse": [{"OptionBox": "T1","Answer": "B"},{"OptionBox": "T2","Answer": "F"},{"OptionBox": "T3","Answer": "A"},{"OptionBox": "T4","Answer": "D"}, | |
52 | + {"OptionBox": "T5","Answer": "E"},{"OptionBox": "T6","Answer": "C"},{"OptionBox": "T7","Answer": "G"}] | |
53 | + },{ | |
54 | + "Number": "4", | |
55 | + "Title": "Drag the labels to the correct location on the image.", | |
56 | + "activityTitle": "Cervical vertebrae", | |
57 | + "ImagePath":"SK-04.JPG", | |
58 | + "OptionBox": [{"BoxName": "T1","topcoord":"15","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T2","topcoord":"141","leftcoord":"4","Answervalue":"","QuizText":""}, | |
59 | + {"BoxName": "T3","topcoord":"32","leftcoord":"514","Answervalue":"","QuizText":""},{"BoxName": "T4","topcoord":"138","leftcoord":"514","Answervalue":"","QuizText":""}], | |
60 | + "Options": [{"OptionNumber": "A","OptionTitle": "Dens of C2 vertebra","textalign":"bottom"},{"OptionNumber": "B","OptionTitle": "Posterior arch of C1 vertebra","textalign":"bottom"}, | |
61 | + {"OptionNumber": "C","OptionTitle": "1st rib","textalign":"bottom"},{"OptionNumber": "D","OptionTitle": "Spinous process of C7 vertebra","textalign":"bottom"}], | |
62 | + "correctResponse": [{"OptionBox": "T1","Answer": "A"},{"OptionBox": "T2","Answer": "D"},{"OptionBox": "T3","Answer": "B"},{"OptionBox": "T4","Answer": "C"}] | |
63 | + },{ | |
64 | + "Number": "5", | |
65 | + "Title": "Drag the labels to the correct location on the image.", | |
66 | + "activityTitle": "Isolated Vertebrae", | |
67 | + "ImagePath":"SK-05.JPG", | |
68 | + "OptionBox": [{"BoxName": "T1","topcoord":"46","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T2","topcoord":"132","leftcoord":"4","Answervalue":"","QuizText":""}, | |
69 | + {"BoxName": "T3","topcoord":"201","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T4","topcoord":"262","leftcoord":"4","Answervalue":"","QuizText":""}, | |
70 | + {"BoxName": "T5","topcoord":"208","leftcoord":"842","Answervalue":"","QuizText":""},{"BoxName": "T6","topcoord":"294","leftcoord":"842","Answervalue":"","QuizText":""}], | |
71 | + "Options": [{"OptionNumber": "A","OptionTitle": "Body of vertebra","textalign":"bottom"},{"OptionNumber": "B","OptionTitle": "Spinous process of vertebra","textalign":"bottom"}, | |
72 | + {"OptionNumber": "C","OptionTitle": "Transverse process of vertebra","textalign":"bottom"},{"OptionNumber": "D","OptionTitle": "Inferior articular process of vertebra","textalign":"bottom"}, | |
73 | + {"OptionNumber": "E","OptionTitle": "Superior articular process of vertebra","textalign":"bottom"},{"OptionNumber": "F","OptionTitle": "Pedicle","textalign":"bottom"}], | |
74 | + "correctResponse": [{"OptionBox": "T1","Answer": "C"},{"OptionBox": "T2","Answer": "F"},{"OptionBox": "T3","Answer": "B"},{"OptionBox": "T4","Answer": "A"}, | |
75 | + {"OptionBox": "T5","Answer": "E"},{"OptionBox": "T6","Answer": "D"}] | |
76 | + },{ | |
77 | + "Number": "6", | |
78 | + "Title": "Drag the labels to the correct location on the image.", | |
79 | + "activityTitle": "Scapulae (Post)", | |
80 | + "ImagePath":"SK-06.JPG", | |
81 | + "OptionBox": [{"BoxName": "T1","topcoord":"35","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T2","topcoord":"97","leftcoord":"4","Answervalue":"","QuizText":""}, | |
82 | + {"BoxName": "T3","topcoord":"198","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T4","topcoord":"252","leftcoord":"4","Answervalue":"","QuizText":""}, | |
83 | + {"BoxName": "T5","topcoord":"16","leftcoord":"705","Answervalue":"","QuizText":""},{"BoxName": "T6","topcoord":"112","leftcoord":"705","Answervalue":"","QuizText":""}, | |
84 | + {"BoxName": "T7","topcoord":"169","leftcoord":"705","Answervalue":"","QuizText":""},{"BoxName": "T8","topcoord":"266","leftcoord":"705","Answervalue":"","QuizText":""}], | |
85 | + "Options": [{"OptionNumber": "A","OptionTitle": "Superior angle of scapula","textalign":"bottom"},{"OptionNumber": "B","OptionTitle": "Clavicle","textalign":"bottom"}, | |
86 | + {"OptionNumber": "C","OptionTitle": "Acromion process of scapula","textalign":"bottom"},{"OptionNumber": "D","OptionTitle": "Spine of scapula","textalign":"bottom"}, | |
87 | + {"OptionNumber": "E","OptionTitle": "Infraspinous fossa of scapula","textalign":"bottom"},{"OptionNumber": "F","OptionTitle": "Lateral border of scapula","textalign":"bottom"}, | |
88 | + {"OptionNumber": "G","OptionTitle": "Medial border of scapula","textalign":"bottom"},{"OptionNumber": "H","OptionTitle": "Supraspinous fossa of scapula","textalign":"bottom"}], | |
89 | + "correctResponse": [{"OptionBox": "T1","Answer": "A"},{"OptionBox": "T2","Answer": "H"},{"OptionBox": "T3","Answer": "E"},{"OptionBox": "T4","Answer": "G"}, | |
90 | + {"OptionBox": "T5","Answer": "B"},{"OptionBox": "T6","Answer": "C"},{"OptionBox": "T7","Answer": "D"},{"OptionBox": "T8","Answer": "F"}] | |
91 | + },{ | |
92 | + "Number": "7", | |
93 | + "Title": "Drag the labels to the correct location on the image.", | |
94 | + "activityTitle": "Bones of Upper Limb", | |
95 | + "ImagePath":"SK-07.JPG", | |
96 | + "OptionBox": [{"BoxName": "T1","topcoord":"35","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T2","topcoord":"97","leftcoord":"4","Answervalue":"","QuizText":""}, | |
97 | + {"BoxName": "T3","topcoord":"198","leftcoord":"4","Answervalue":"","QuizText":""},{"BoxName": "T4","topcoord":"252","leftcoord":"4","Answervalue":"","QuizText":""}, | |
98 | + {"BoxName": "T5","topcoord":"16","leftcoord":"613","Answervalue":"","QuizText":""},{"BoxName": "T6","topcoord":"112","leftcoord":"613","Answervalue":"","QuizText":""}, | |
99 | + {"BoxName": "T7","topcoord":"169","leftcoord":"613","Answervalue":"","QuizText":""},{"BoxName": "T8","topcoord":"366","leftcoord":"613","Answervalue":"","QuizText":""}], | |
100 | + "Options": [{"OptionNumber": "A","OptionTitle": "Ulna","textalign":"left"},{"OptionNumber": "B","OptionTitle": "Trochlea of humerus","textalign":"right"}, | |
101 | + {"OptionNumber": "C","OptionTitle": "Radius","textalign":"left"},{"OptionNumber": "D","OptionTitle": "Capitulum of humerus","textalign":"left"}, | |
102 | + {"OptionNumber": "E","OptionTitle": "Head of humerus","textalign":"left"},{"OptionNumber": "F","OptionTitle": "Acromion process of scapula","textalign":"right"}, | |
103 | + {"OptionNumber": "G","OptionTitle": "Coracoid process of scapula","textalign":"right"},{"OptionNumber": "H","OptionTitle": "Clavicle","textalign":"right"}], | |
104 | + "correctResponse": [{"OptionBox": "T1","Answer": "A"},{"OptionBox": "T2","Answer": "H"},{"OptionBox": "T3","Answer": "E"},{"OptionBox": "T4","Answer": "G"}, | |
105 | + {"OptionBox": "T5","Answer": "B"},{"OptionBox": "T6","Answer": "C"},{"OptionBox": "T7","Answer": "D"},{"OptionBox": "T8","Answer": "F"}] | |
106 | + }] | |
107 | + }] | |
108 | +} | |
0 | 109 | \ No newline at end of file | ... | ... |
400-SOURCECODE/AIAHTML5.Web/content/images/3da/3d-1.jpg
0 → 100644
20.1 KB
400-SOURCECODE/AIAHTML5.Web/content/images/3da/3d-2.jpg
0 → 100644
19.3 KB
400-SOURCECODE/AIAHTML5.Web/content/images/3da/3d-3.jpg
0 → 100644
19.2 KB
400-SOURCECODE/AIAHTML5.Web/content/images/3da/3d-4.jpg
0 → 100644
27.2 KB
400-SOURCECODE/AIAHTML5.Web/content/images/3da/3d-5.jpg
0 → 100644
19.6 KB
400-SOURCECODE/AIAHTML5.Web/content/images/3da/3d-6.jpg
0 → 100644
20.3 KB
400-SOURCECODE/AIAHTML5.Web/content/images/3da/3d-7.jpg
0 → 100644
16.4 KB
400-SOURCECODE/AIAHTML5.Web/content/images/3da/3d-8.jpg
0 → 100644
12.6 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-01.JPG
0 → 100644
54.5 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-02.JPG
0 → 100644
49.7 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-03.JPG
0 → 100644
49.9 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-04.JPG
0 → 100644
27.5 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-05.JPG
0 → 100644
47.4 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-06.JPG
0 → 100644
55.9 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-07.JPG
0 → 100644
49.3 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-08.JPG
0 → 100644
36.4 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-09.JPG
0 → 100644
55.8 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-10.JPG
0 → 100644
50.6 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-11.JPG
0 → 100644
45.9 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-12.JPG
0 → 100644
42.4 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-13.JPG
0 → 100644
42.6 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-14.JPG
0 → 100644
47.5 KB
400-SOURCECODE/AIAHTML5.Web/content/images/LE/qz_dat_sk/SK-15.JPG
0 → 100644
42.5 KB