Newer
Older
SpecificationSimulatorExperiments / courseC / ST_Alloy_C.html
okazakitakehiro on 10 Sep 13 KB 岡﨑担当領域のcourseC
  1. <!DOCTYPE html>
  2. <html lang="ja">
  3. <head>
  4. <meta charset="UTF-8">
  5. <style>
  6. c1{
  7. color: blue;
  8. }
  9. c2{
  10. color: red;
  11. }
  12.  
  13. </style>
  14. <title>【SimpleTwitter(Alloy)】</title>
  15. </head>
  16. <body>
  17. <h1 class="title">
  18. 【SimpleTwitter(Alloy) の課題】
  19. </h1>
  20. <p>
  21. ここでは,SimpleTwitter の Alloy による仕様記述に関する課題に取り組んでいただきます.<br>
  22. 以下に Alloy で記述された SimpleTwitter のモデルを示します.こちらを適宜参照しながら課題を進めてください.
  23. </p>
  24. <hr/>
  25.  
  26. <h2>SimpleTwitter の Alloy による仕様記述についての説明</h2>
  27. <h3><code><c1>sig</c1></code>:</h3>
  28. <p>
  29. Alloy では,アカウントidの集合を <code>AccountId</code>,アカウント名の集合を <code>Name</code>
  30. ツイートの集合を <code>Tweet</code>,アカウントデータベースの集合を <code>Accounts</code>,アカウントの集合を <code>Account</code>,ツイートリストの集合を <code>List</code> で表します.<br>
  31. 以下のモデルでは <code><c1>sig</c1></code> を用いて,<code>AccountId</code><code>Name</code><code>Tweet</code><code>Accounts</code><code>Account</code><code>List</code> の順番にこれらの集合を宣言しています.<br>
  32. <code>Accounts</code> には,<code>AccountId</code> から <code>Account</code> への対応関係が <code>accountDB</code> フィールドとして定義されています.<br>
  33. ここで,<code>AccountId</code> の右側の <code><c1>lone</c1></code> は1つの <code>Account</code> に対応する <code>AccountId</code> がたかだか1つしかないことを示しています.<br>
  34. <code>Account</code> の宣言では,アカウント名を表す <code>name</code><code>Name</code> のインスタンスとして,
  35. ツイートリストを表す <code>tweets</code><code>List</code> のインスタンスとして定義されています.<br>
  36. <!--<code>List</code> では,<code>size</code> が <code>Int</code> のインスタンスとして,
  37. <c1><code>Int</code></c1> から <code>Tweet</code> への対応関係が <code>element</code> フィールドとして定義されています.<br>-->
  38. </p>
  39.  
  40. <h3><code><c1>pred</c1></code>:</h3>
  41. <p>
  42. 最初の述語として記述されている <code>init</code> は,<code>Accounts</code>
  43. インスタンスである <code>acs</code> が初期化されていることを示しています.<br>
  44. 次の <code>signUp</code> は,<code>id</code> に対応するアカウントを登録する前の <code>Accounts</code> のインスタンス <code>acs</code> と,
  45. 登録した後のインスタンス <code>acs'</code> の関係を述語として定義しています.ここで <code>n</code> はアカウント名を示しています.<br>
  46. また,述語定義中の <code><c1>some</c1> ac: Account</code> は,<code>acs</code> のデータベースに登録されていない <code>Account</code> のインスタンス <code>ac</code> が存在していることを示しており,
  47. 直観的には <code>Account</code> のインスタンスの生成を示しています.<br>
  48. <code>tweet</code> では<code>id</code> で登録されているアカウントに対してツイートを行った際の操作前の <code>Accounts</code> のインスタンス <code>acs</code> と,
  49. 操作後のインスタンス <code>acs'</code> の関係を述語として定義しています.ここで <code>contents</code> はツイートの内容を表しています.<br>
  50. 述語定義中の <code><c1>some</c1> ac': Account</code> は,<code>acs</code> のデータベースに登録されていない <code>Account</code> のインスタンス <code>ac'</code> が存在していることを示しており,
  51. 直観的には,<code>Account</code> のインスタンスが,ツイートを行うことによって複製されたことを示しています.<br>
  52. また <code><c1>implies</c1></code> は,その前に記述されている条件が成り立っているときは,その後に記述されている論理式または論理式の集合が成り立ち,条件が成り立っていないときは <code><c1>else</c1></code> の後ろに記述されている論理式または論理式の集合が成り立つことを示しています.<br>
  53. 最後の <code>execute</code> では,<code>init</code><code>signUp</code><code>tweet</code> をこの順で呼び出す操作を定義しています.<br>
  54. <c1><code>run</code></c1> では,<code>execute</code> を呼び出して仮想実行を行います.
  55. </p>
  56.  
  57. <div style="padding: 10px; margin-bottom: 10px; border: 1px solid #333333; border-radius: 10px;">
  58. <pre>
  59. <c1>sig</c1> AccountId, Name, Tweet { }
  60. <c1>sig</c1> Accounts {
  61. accountDB: AccountId <c1>lone</c1> -> <c1>lone</c1> Account
  62. }
  63. <c1>sig</c1> Account {
  64. name: Name,
  65. tweets: List
  66. }
  67.  
  68. <c1>sig</c1> List {
  69. size: <c1>Int</c1>,
  70. element: <c1>Int</c1> -> <c1>lone</c1> Tweet
  71. }
  72.  
  73. <c1>pred</c1> init[acs: Accounts] {
  74. <c1>no</c1> acs.accountDB
  75. }
  76.  
  77. <c1>pred</c1> signUp[acs, acs': Accounts, id: AccountId, n: Name] {
  78. <c1>some</c1> ac: Account | {
  79. <c1>no</c1> id2: AccountId | acs.accountDB[id2] = ac
  80. acs'.accountDB = acs.accountDB + id -> ac
  81. ac.name = n
  82. ac.tweets.size = <c2>0</c2>
  83. <c1>no</c1> ac.tweets.element
  84. }
  85. }
  86.  
  87. <c1>pred</c1> tweet[acs, acs': Accounts, id: AccountId, contents: Tweet] {
  88. <c1>some</c1> ac': Account | {
  89. <c1>no</c1> id2: AccountId | acs.accountDB[id2] = ac'
  90. acs'.accountDB = acs.accountDB ++ id -> ac'
  91. ac'.name = acs.accountDB[id].name
  92. ac'.tweets != acs.accountDB[id].tweets
  93. ac'.tweets.size = plus[acs.accountDB[id].tweets.size, <c2>1</c2>]
  94. ac'.tweets.element[minus[ac'.tweets.size, <c2>1</c2>]] = contents
  95. <c1>all</c1> n: <c1>Int</c1> | n != minus[ac'.tweets.size, <c2>1</c2>] <c1>implies</c1> ac'.tweets.element[n] = acs.accountDB[id].tweets.element[n]
  96. }
  97. }
  98.  
  99. <c1>pred</c1> execute[] {
  100. <c1>some disj</c1> acs, acs', acs'': Accounts, id: AccountId, n: Name, contents: Tweet | {
  101. init[acs]
  102. signUp[acs, acs', id, n]
  103. tweet[acs', acs'', id, contents]
  104. }
  105. }
  106.  
  107. <c1>run</c1> execute <c1>for</c1> <c2>2</c2> <c1>but</c1> <c2>3</c2> Accounts
  108. </pre>
  109. </div>
  110. <hr/>
  111.  
  112. <h2>モデルの可視化</h2>
  113. <p>
  114. 先ほどの SimpleTwitter のモデルの構造を,Alloy の可視化ツールを使用して可視化したものを以下の図に示します.<br>
  115. </p>
  116. <div class="img-center">
  117. <img src="../img/Alloy/Alloy MetaModel Ver SimpleTwitter.png", class ="before-image-size"><br>
  118. </div>
  119. <p>
  120. この図がモデルの実行に依らない,モデルそのものが持つ構造を表していることに注意して下さい.<br>
  121. <code>Accounts</code> が,<code>AccountId</code> のインスタンスを <code>Account</code> のインスタンスに対応させる <code>accountDB</code> というフィールドを持っており,
  122. <code>Account</code><code>Name</code> のインスタンスを参照する <code>name</code> フィールドと,<code>List</code> のインスタンスを参照する <code>tweets</code> フィールドを,<br>
  123. <code>List</code><code><c1>Int</c1></code> のインスタンスを参照する <code>size</code> フィールドと,
  124. <code><c1>Int</c1></code> のインスタンスを <code>Tweet</code> のインスタンスに対応させる <code>element</code> フィールドをもっていることがわかります.
  125. </p>
  126. <hr/>
  127.  
  128. <h2>SimpleTwitter モデルの仮想実行について</h2>
  129. <p>
  130. ここでは,SimpleTwitter モデルの仮想実行について説明します.この仮想実行で用いるテストケースは次の通りです.<br>
  131. <ol>
  132. <li>Accounts に新しいアカウントを登録します.</li>
  133. <li>登録したアカウントでツイートを行います.</li>
  134. </ol>
  135. </p>
  136.  
  137. <h3>仮想実行の可視化:</h3>
  138. <p>
  139. このテストケースはモデル中の <code>execute</code> 述語で実装されています.<br>
  140. <code>execute</code> の仮想実行を可視化したものを以下に示します.
  141. </p>
  142. <div class="img-center">
  143. <img src="../img/Alloy/Alloy Ver SimpleTwitter.png", class ="before-image-size"><br>
  144. </div>
  145. <p>
  146. 左下にある Accounts2($execute_acs) は <code>execute</code> 述語中の変数 <code>acs</code> で参照される <code>Accounts</code> のインスタンスであり,<code>init</code> 述語を満たしているため,
  147. まだ何のアカウント(Account)も登録されていない状態になっています.<br>
  148. 次に,1番上の段の左にある Accounts1($execute_acs') は変数 <code>acs'</code> で参照される <code>Account</code> のインスタンスで,
  149. <code>acs</code> で参照される <code>Account</code> のインスタンスに対して,<code>Account</code> のインスタンス Account1($signUp_ac) をツイートリストの要素数が0の状態で登録したインスタンスになっています.<br>
  150. Accounts1 の右にある Accounts0($execute_acs'') は少し複雑です.<br>
  151. まず,Accounts1 において,<code>AccountId</code> で参照される Account のインスタンスは Account1 です.このインスタンスに対してツイートを行った後の Account のインスタンスは Account0 になります.<br>
  152. ここで Account0 のツイートリストの要素数が1に増加していることに注意して下さい.<br>
  153. <code>AccountId</code> で参照される <code>Account</code> のインスタンスが Account1 から Account0 に変わるので,<code>Accounts</code> のインスタンスも Accounts1 から Accounts0 に変わります.
  154. </p>
  155. <hr/>
  156.  
  157. <h2>
  158. 課題概要
  159. </h2>
  160. <p>
  161. ここからが課題です.<br>
  162. 本課題ではまず,上記にて説明を行った SimpleTwitter の仕様に,ある機能を追加した仕様を考えます.<br>
  163. その仕様のモデルを以下に示します.また,そのモデルの仮想実行を可視化したものをその下に示します.これらの図を見ていただいた上で,2つの設問にお答えいただきます.<br>
  164. 設問にお答えいただく際は,必ず設問1,設問2の順番でご解答下さい.以下の図と同じものが設問のページにも記載されているのでこのまま設問のページに飛んでいただいてもかまいません.
  165. </p>
  166. <div style="padding: 10px; margin-bottom: 10px; border: 1px solid #333333; border-radius: 10px;">
  167. <pre>
  168. <c1>sig</c1> AccountId, Name, Tweet { }
  169. <c1>sig</c1> Accounts {
  170. accountDB: AccountId <c1>lone</c1> -> <c1>lone</c1> Account
  171. }
  172. <c1>sig</c1> Account {
  173. name: Name,
  174. tweets: List
  175. }
  176.  
  177. <c1>sig</c1> List {
  178. size: <c1>Int</c1>,
  179. element: <c1>Int</c1> -> <c1>lone</c1> Tweet
  180. }
  181.  
  182. <c1>pred</c1> init[acs: Accounts] {
  183. <c1>no</c1> acs.accountDB
  184. }
  185.  
  186. <c1>pred</c1> signUp[acs, acs': Accounts, id: AccountId, n: Name] {
  187. <c1>some</c1> ac: Account | {
  188. <c1>no</c1> id2: AccountId | acs.accountDB[id2] = ac
  189. acs'.accountDB = acs.accountDB + id -> ac
  190. ac.name = n
  191. ac.tweets.size = <c2>0</c2>
  192. <c1>no</c1> ac.tweets.element
  193. }
  194. }
  195.  
  196. <c1>pred</c1> tweet[acs, acs': Accounts, id: AccountId, contents: Tweet] {
  197. <c1>some</c1> ac': Account | {
  198. <c1>no</c1> id2: AccountId | acs.accountDB[id2] = ac'
  199. acs'.accountDB = acs.accountDB ++ id -> ac'
  200. ac'.name = acs.accountDB[id].name
  201. ac'.tweets != acs.accountDB[id].tweets
  202. ac'.tweets.size = plus[acs.accountDB[id].tweets.size, <c2>1</c2>]
  203. ac'.tweets.element[minus[ac'.tweets.size, <c2>1</c2>]] = contents
  204. <c1>all</c1> n: <c1>Int</c1> | n != minus[ac'.tweets.size, <c2>1</c2>] <c1>implies</c1> ac'.tweets.element[n] = acs.accountDB[id].tweets.element[n]
  205. }
  206. }
  207.  
  208. <c1>pred</c1> changeName[acs, acs': Accounts, id: AccountId, n: Name] {
  209. <c1>some</c1> ac': Account | {
  210. <c1>no</c1> id2: AccountId | acs.accountDB[id2] = ac'
  211. acs'.accountDB = acs.accountDB ++ id -> ac'
  212. ac'.name = n
  213. ac'.tweets = acs.accountDB[id].tweets
  214. }
  215. }
  216.  
  217. <c1>pred</c1> execute[] {
  218. <c1>some disj</c1> acs, acs', acs'', acs''': Accounts, id: AccountId, <c1>disj</c1> n, n': Name, contents: Tweet | {
  219. init[acs]
  220. signUp[acs, acs', id, n]
  221. tweet[acs', acs'', id, contents]
  222. changeName[acs'', acs''', id, n']
  223. }
  224. }
  225.  
  226. <c1>run</c1> execute <c1>for</c1> <c2>2</c2> <c1>but</c1> <c2>4</c2> Accounts, <c2>3</c2> Account
  227.  
  228. </pre>
  229. </div>
  230.  
  231. <div class="img-center">
  232. <img src="../img/Alloy/Alloy_ChangeName_VerSimpleTwitter.png", class ="before-image-size"><br>
  233. </div>
  234.  
  235. <p>
  236. <strong>
  237. <a href="https://docs.google.com/forms/d/e/1FAIpQLSf5rIUfHnzsLMLPZ_KWnsukn3HcEGBSLN-BxzRPzqszyrlj8g/viewform?usp=sf_link" target="_blank" rel="noopener noreferrer">
  238. 課題アンケート (別タブが開きます)
  239. </a>
  240. </strong>
  241. <br>
  242. <strong>
  243. <a href="https://docs.google.com/forms/d/e/1FAIpQLSf8Ex1RPzMRvyUYIRkCjcIY69fI74sNXK-m4rNAoAcR6_dm4g/viewform?usp=sf_link" target="_blank" rel="noopener noreferrer">
  244. 課題終了後の評価アンケート (別タブが開きます)
  245. </a>
  246. </strong>
  247. </p>
  248.  
  249. <hr>
  250. <br>
  251. <a href="ST_DTRAM_C.html">【Closing】へ</a>
  252. </body>
  253.  
  254. <style>
  255. .title{
  256. text-align: center;
  257. }
  258. .links-manual-A{
  259. display: flex;
  260. flex-direction: column;
  261. }
  262. .img-center{
  263. display: flex;
  264. justify-content: center;
  265. align-items: center;
  266. }
  267. .before-image-size{
  268. max-width: 100%;
  269. height: auto;
  270. }
  271. .after-image-size{
  272. max-width: 100%;
  273. height: auto;
  274. }
  275. </style>
  276.  
  277. </html>