EIP
/
classes-basket
Watch 2
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
No Description
35 Commits
2 Branches
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
classes-basket/classesBasket.html

classesBasket.html 45KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267 
  1. <!DOCTYPE html><html><head><meta charset="utf-8"><style>body {

  2.   width: 45em;

  3.   border: 1px solid #ddd;

  4.   outline: 1300px solid #fff;

  5.   margin: 16px auto;

  6. }

  7. 

  8. body .markdown-body

  9. {

  10.   padding: 30px;

  11. }

  12. 

  13. @font-face {

  14.   font-family: octicons-anchor;

  15.   src: url(data:font/woff;charset=utf-8;base64,d09GRgABAAAAAAYcAA0AAAAACjQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABwAAAAca8vGTk9TLzIAAAFMAAAARAAAAFZG1VHVY21hcAAAAZAAAAA+AAABQgAP9AdjdnQgAAAB0AAAAAQAAAAEACICiGdhc3AAAAHUAAAACAAAAAj//wADZ2x5ZgAAAdwAAADRAAABEKyikaNoZWFkAAACsAAAAC0AAAA2AtXoA2hoZWEAAALgAAAAHAAAACQHngNFaG10eAAAAvwAAAAQAAAAEAwAACJsb2NhAAADDAAAAAoAAAAKALIAVG1heHAAAAMYAAAAHwAAACABEAB2bmFtZQAAAzgAAALBAAAFu3I9x/Nwb3N0AAAF/AAAAB0AAAAvaoFvbwAAAAEAAAAAzBdyYwAAAADP2IQvAAAAAM/bz7t4nGNgZGFgnMDAysDB1Ml0hoGBoR9CM75mMGLkYGBgYmBlZsAKAtJcUxgcPsR8iGF2+O/AEMPsznAYKMwIkgMA5REMOXicY2BgYGaAYBkGRgYQsAHyGMF8FgYFIM0ChED+h5j//yEk/3KoSgZGNgYYk4GRCUgwMaACRoZhDwCs7QgGAAAAIgKIAAAAAf//AAJ4nHWMMQrCQBBF/0zWrCCIKUQsTDCL2EXMohYGSSmorScInsRGL2DOYJe0Ntp7BK+gJ1BxF1stZvjz/v8DRghQzEc4kIgKwiAppcA9LtzKLSkdNhKFY3HF4lK69ExKslx7Xa+vPRVS43G98vG1DnkDMIBUgFN0MDXflU8tbaZOUkXUH0+U27RoRpOIyCKjbMCVejwypzJJG4jIwb43rfl6wbwanocrJm9XFYfskuVC5K/TPyczNU7b84CXcbxks1Un6H6tLH9vf2LRnn8Ax7A5WQAAAHicY2BkYGAA4teL1+yI57f5ysDNwgAC529f0kOmWRiYVgEpDgYmEA8AUzEKsQAAAHicY2BkYGB2+O/AEMPCAAJAkpEBFbAAADgKAe0EAAAiAAAAAAQAAAAEAAAAAAAAKgAqACoAiAAAeJxjYGRgYGBhsGFgYgABEMkFhAwM/xn0QAIAD6YBhwB4nI1Ty07cMBS9QwKlQapQW3VXySvEqDCZGbGaHULiIQ1FKgjWMxknMfLEke2A+IJu+wntrt/QbVf9gG75jK577Lg8K1qQPCfnnnt8fX1NRC/pmjrk/zprC+8D7tBy9DHgBXoWfQ44Av8t4Bj4Z8CLtBL9CniJluPXASf0Lm4CXqFX8Q84dOLnMB17N4c7tBo1AS/Qi+hTwBH4rwHHwN8DXqQ30XXAS7QaLwSc0Gn8NuAVWou/gFmnjLrEaEh9GmDdDGgL3B4JsrRPDU2hTOiMSuJUIdKQQayiAth69r6akSSFqIJuA19TrzCIaY8sIoxyrNIrL//pw7A2iMygkX5vDj+G+kuoLdX4GlGK/8Lnlz6/h9MpmoO9rafrz7ILXEHHaAx95s9lsI7AHNMBWEZHULnfAXwG9/ZqdzLI08iuwRloXE8kfhXYAvE23+23DU3t626rbs8/8adv+9DWknsHp3E17oCf+Z48rvEQNZ78paYM38qfk3v/u3l3u3GXN2Dmvmvpf1Srwk3pB/VSsp512bA/GG5i2WJ7wu430yQ5K3nFGiOqgtmSB5pJVSizwaacmUZzZhXLlZTq8qGGFY2YcSkqbth6aW1tRmlaCFs2016m5qn36SbJrqosG4uMV4aP2PHBmB3tjtmgN2izkGQyLWprekbIntJFing32a5rKWCN/SdSoga45EJykyQ7asZvHQ8PTm6cslIpwyeyjbVltNikc2HTR7YKh9LBl9DADC0U/jLcBZDKrMhUBfQBvXRzLtFtjU9eNHKin0x5InTqb8lNpfKv1s1xHzTXRqgKzek/mb7nB8RZTCDhGEX3kK/8Q75AmUM/eLkfA+0Hi908Kx4eNsMgudg5GLdRD7a84npi+YxNr5i5KIbW5izXas7cHXIMAau1OueZhfj+cOcP3P8MNIWLyYOBuxL6DRylJ4cAAAB4nGNgYoAALjDJyIAOWMCiTIxMLDmZedkABtIBygAAAA==) format('woff');

  16. }

  17. 

  18. .markdown-body {

  19.   -ms-text-size-adjust: 100%;

  20.   -webkit-text-size-adjust: 100%;

  21.   color: #333;

  22.   overflow: hidden;

  23.   font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif;

  24.   font-size: 16px;

  25.   line-height: 1.6;

  26.   word-wrap: break-word;

  27. }

  28. 

  29. .markdown-body a {

  30.   background: transparent;

  31. }

  32. 

  33. .markdown-body a:active,

  34. .markdown-body a:hover {

  35.   outline: 0;

  36. }

  37. 

  38. .markdown-body strong {

  39.   font-weight: bold;

  40. }

  41. 

  42. .markdown-body h1 {

  43.   font-size: 2em;

  44.   margin: 0.67em 0;

  45. }

  46. 

  47. .markdown-body img {

  48.   border: 0;

  49. }

  50. 

  51. .markdown-body hr {

  52.   -moz-box-sizing: content-box;

  53.   box-sizing: content-box;

  54.   height: 0;

  55. }

  56. 

  57. .markdown-body pre {

  58.   overflow: auto;

  59. }

  60. 

  61. .markdown-body code,

  62. .markdown-body kbd,

  63. .markdown-body pre {

  64.   font-family: monospace, monospace;

  65.   font-size: 1em;

  66. }

  67. 

  68. .markdown-body input {

  69.   color: inherit;

  70.   font: inherit;

  71.   margin: 0;

  72. }

  73. 

  74. .markdown-body html input[disabled] {

  75.   cursor: default;

  76. }

  77. 

  78. .markdown-body input {

  79.   line-height: normal;

  80. }

  81. 

  82. .markdown-body input[type="checkbox"] {

  83.   -moz-box-sizing: border-box;

  84.   box-sizing: border-box;

  85.   padding: 0;

  86. }

  87. 

  88. .markdown-body table {

  89.   border-collapse: collapse;

  90.   border-spacing: 0;

  91. }

  92. 

  93. .markdown-body td,

  94. .markdown-body th {

  95.   padding: 0;

  96. }

  97. 

  98. .markdown-body * {

  99.   -moz-box-sizing: border-box;

  100.   box-sizing: border-box;

  101. }

  102. 

  103. .markdown-body input {

  104.   font: 13px/1.4 Helvetica, arial, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";

  105. }

  106. 

  107. .markdown-body a {

  108.   color: #4183c4;

  109.   text-decoration: none;

  110. }

  111. 

  112. .markdown-body a:hover,

  113. .markdown-body a:focus,

  114. .markdown-body a:active {

  115.   text-decoration: underline;

  116. }

  117. 

  118. .markdown-body hr {

  119.   height: 0;

  120.   margin: 15px 0;

  121.   overflow: hidden;

  122.   background: transparent;

  123.   border: 0;

  124.   border-bottom: 1px solid #ddd;

  125. }

  126. 

  127. .markdown-body hr:before {

  128.   display: table;

  129.   content: "";

  130. }

  131. 

  132. .markdown-body hr:after {

  133.   display: table;

  134.   clear: both;

  135.   content: "";

  136. }

  137. 

  138. .markdown-body h1,

  139. .markdown-body h2,

  140. .markdown-body h3,

  141. .markdown-body h4,

  142. .markdown-body h5,

  143. .markdown-body h6 {

  144.   margin-top: 15px;

  145.   margin-bottom: 15px;

  146.   line-height: 1.1;

  147. }

  148. 

  149. .markdown-body h1 {

  150.   font-size: 30px;

  151. }

  152. 

  153. .markdown-body h2 {

  154.   font-size: 21px;

  155. }

  156. 

  157. .markdown-body h3 {

  158.   font-size: 16px;

  159. }

  160. 

  161. .markdown-body h4 {

  162.   font-size: 14px;

  163. }

  164. 

  165. .markdown-body h5 {

  166.   font-size: 12px;

  167. }

  168. 

  169. .markdown-body h6 {

  170.   font-size: 11px;

  171. }

  172. 

  173. .markdown-body blockquote {

  174.   margin: 0;

  175. }

  176. 

  177. .markdown-body ul,

  178. .markdown-body ol {

  179.   padding: 0;

  180.   margin-top: 0;

  181.   margin-bottom: 0;

  182. }

  183. 

  184. .markdown-body ol ol,

  185. .markdown-body ul ol {

  186.   list-style-type: lower-roman;

  187. }

  188. 

  189. .markdown-body ul ul ol,

  190. .markdown-body ul ol ol,

  191. .markdown-body ol ul ol,

  192. .markdown-body ol ol ol {

  193.   list-style-type: lower-alpha;

  194. }

  195. 

  196. .markdown-body dd {

  197.   margin-left: 0;

  198. }

  199. 

  200. .markdown-body code {

  201.   font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;

  202. }

  203. 

  204. .markdown-body pre {

  205.   margin-top: 0;

  206.   margin-bottom: 0;

  207.   font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace;

  208. }

  209. 

  210. .markdown-body .octicon {

  211.   font: normal normal 16px octicons-anchor;

  212.   line-height: 1;

  213.   display: inline-block;

  214.   text-decoration: none;

  215.   -webkit-font-smoothing: antialiased;

  216.   -moz-osx-font-smoothing: grayscale;

  217.   -webkit-user-select: none;

  218.   -moz-user-select: none;

  219.   -ms-user-select: none;

  220.   user-select: none;

  221. }

  222. 

  223. .markdown-body .octicon-link:before {

  224.   content: '\f05c';

  225. }

  226. 

  227. .markdown-body>*:first-child {

  228.   margin-top: 0 !important;

  229. }

  230. 

  231. .markdown-body>*:last-child {

  232.   margin-bottom: 0 !important;

  233. }

  234. 

  235. .markdown-body .anchor {

  236.   position: absolute;

  237.   top: 0;

  238.   bottom: 0;

  239.   left: 0;

  240.   display: block;

  241.   padding-right: 6px;

  242.   padding-left: 30px;

  243.   margin-left: -30px;

  244. }

  245. 

  246. .markdown-body .anchor:focus {

  247.   outline: none;

  248. }

  249. 

  250. .markdown-body h1,

  251. .markdown-body h2,

  252. .markdown-body h3,

  253. .markdown-body h4,

  254. .markdown-body h5,

  255. .markdown-body h6 {

  256.   position: relative;

  257.   margin-top: 1em;

  258.   margin-bottom: 16px;

  259.   font-weight: bold;

  260.   line-height: 1.4;

  261. }

  262. 

  263. .markdown-body h1 .octicon-link,

  264. .markdown-body h2 .octicon-link,

  265. .markdown-body h3 .octicon-link,

  266. .markdown-body h4 .octicon-link,

  267. .markdown-body h5 .octicon-link,

  268. .markdown-body h6 .octicon-link {

  269.   display: none;

  270.   color: #000;

  271.   vertical-align: middle;

  272. }

  273. 

  274. .markdown-body h1:hover .anchor,

  275. .markdown-body h2:hover .anchor,

  276. .markdown-body h3:hover .anchor,

  277. .markdown-body h4:hover .anchor,

  278. .markdown-body h5:hover .anchor,

  279. .markdown-body h6:hover .anchor {

  280.   padding-left: 8px;

  281.   margin-left: -30px;

  282.   line-height: 1;

  283.   text-decoration: none;

  284. }

  285. 

  286. .markdown-body h1:hover .anchor .octicon-link,

  287. .markdown-body h2:hover .anchor .octicon-link,

  288. .markdown-body h3:hover .anchor .octicon-link,

  289. .markdown-body h4:hover .anchor .octicon-link,

  290. .markdown-body h5:hover .anchor .octicon-link,

  291. .markdown-body h6:hover .anchor .octicon-link {

  292.   display: inline-block;

  293. }

  294. 

  295. .markdown-body h1 {

  296.   padding-bottom: 0.3em;

  297.   font-size: 2.25em;

  298.   line-height: 1.2;

  299.   border-bottom: 1px solid #eee;

  300. }

  301. 

  302. .markdown-body h2 {

  303.   padding-bottom: 0.3em;

  304.   font-size: 1.75em;

  305.   line-height: 1.225;

  306.   border-bottom: 1px solid #eee;

  307. }

  308. 

  309. .markdown-body h3 {

  310.   font-size: 1.5em;

  311.   line-height: 1.43;

  312. }

  313. 

  314. .markdown-body h4 {

  315.   font-size: 1.25em;

  316. }

  317. 

  318. .markdown-body h5 {

  319.   font-size: 1em;

  320. }

  321. 

  322. .markdown-body h6 {

  323.   font-size: 1em;

  324.   color: #777;

  325. }

  326. 

  327. .markdown-body p,

  328. .markdown-body blockquote,

  329. .markdown-body ul,

  330. .markdown-body ol,

  331. .markdown-body dl,

  332. .markdown-body table,

  333. .markdown-body pre {

  334.   margin-top: 0;

  335.   margin-bottom: 16px;

  336. }

  337. 

  338. .markdown-body hr {

  339.   height: 4px;

  340.   padding: 0;

  341.   margin: 16px 0;

  342.   background-color: #e7e7e7;

  343.   border: 0 none;

  344. }

  345. 

  346. .markdown-body ul,

  347. .markdown-body ol {

  348.   padding-left: 2em;

  349. }

  350. 

  351. .markdown-body ul ul,

  352. .markdown-body ul ol,

  353. .markdown-body ol ol,

  354. .markdown-body ol ul {

  355.   margin-top: 0;

  356.   margin-bottom: 0;

  357. }

  358. 

  359. .markdown-body li>p {

  360.   margin-top: 16px;

  361. }

  362. 

  363. .markdown-body dl {

  364.   padding: 0;

  365. }

  366. 

  367. .markdown-body dl dt {

  368.   padding: 0;

  369.   margin-top: 16px;

  370.   font-size: 1em;

  371.   font-style: italic;

  372.   font-weight: bold;

  373. }

  374. 

  375. .markdown-body dl dd {

  376.   padding: 0 16px;

  377.   margin-bottom: 16px;

  378. }

  379. 

  380. .markdown-body blockquote {

  381.   padding: 0 15px;

  382.   color: #777;

  383.   border-left: 4px solid #ddd;

  384. }

  385. 

  386. .markdown-body blockquote>:first-child {

  387.   margin-top: 0;

  388. }

  389. 

  390. .markdown-body blockquote>:last-child {

  391.   margin-bottom: 0;

  392. }

  393. 

  394. .markdown-body table {

  395.   display: block;

  396.   width: 100%;

  397.   overflow: auto;

  398.   word-break: normal;

  399.   word-break: keep-all;

  400. }

  401. 

  402. .markdown-body table th {

  403.   font-weight: bold;

  404. }

  405. 

  406. .markdown-body table th,

  407. .markdown-body table td {

  408.   padding: 6px 13px;

  409.   border: 1px solid #ddd;

  410. }

  411. 

  412. .markdown-body table tr {

  413.   background-color: #fff;

  414.   border-top: 1px solid #ccc;

  415. }

  416. 

  417. .markdown-body table tr:nth-child(2n) {

  418.   background-color: #f8f8f8;

  419. }

  420. 

  421. .markdown-body img {

  422.   max-width: 100%;

  423.   -moz-box-sizing: border-box;

  424.   box-sizing: border-box;

  425. }

  426. 

  427. .markdown-body code {

  428.   padding: 0;

  429.   padding-top: 0.2em;

  430.   padding-bottom: 0.2em;

  431.   margin: 0;

  432.   font-size: 85%;

  433.   background-color: rgba(0,0,0,0.04);

  434.   border-radius: 3px;

  435. }

  436. 

  437. .markdown-body code:before,

  438. .markdown-body code:after {

  439.   letter-spacing: -0.2em;

  440.   content: "\00a0";

  441. }

  442. 

  443. .markdown-body pre>code {

  444.   padding: 0;

  445.   margin: 0;

  446.   font-size: 100%;

  447.   word-break: normal;

  448.   white-space: pre;

  449.   background: transparent;

  450.   border: 0;

  451. }

  452. 

  453. .markdown-body .highlight {

  454.   margin-bottom: 16px;

  455. }

  456. 

  457. .markdown-body .highlight pre,

  458. .markdown-body pre {

  459.   padding: 16px;

  460.   overflow: auto;

  461.   font-size: 85%;

  462.   line-height: 1.45;

  463.   background-color: #f7f7f7;

  464.   border-radius: 3px;

  465. }

  466. 

  467. .markdown-body .highlight pre {

  468.   margin-bottom: 0;

  469.   word-break: normal;

  470. }

  471. 

  472. .markdown-body pre {

  473.   word-wrap: normal;

  474. }

  475. 

  476. .markdown-body pre code {

  477.   display: inline;

  478.   max-width: initial;

  479.   padding: 0;

  480.   margin: 0;

  481.   overflow: initial;

  482.   line-height: inherit;

  483.   word-wrap: normal;

  484.   background-color: transparent;

  485.   border: 0;

  486. }

  487. 

  488. .markdown-body pre code:before,

  489. .markdown-body pre code:after {

  490.   content: normal;

  491. }

  492. 

  493. .markdown-body .highlight {

  494.   background: #fff;

  495. }

  496. 

  497. .markdown-body .highlight .h {

  498.   color: #333;

  499.   font-style: normal;

  500.   font-weight: normal;

  501. }

  502. 

  503. .markdown-body .highlight .mf,

  504. .markdown-body .highlight .mh,

  505. .markdown-body .highlight .mi,

  506. .markdown-body .highlight .mo,

  507. .markdown-body .highlight .il,

  508. .markdown-body .highlight .m {

  509.   color: #945277;

  510. }

  511. 

  512. .markdown-body .highlight .s,

  513. .markdown-body .highlight .sb,

  514. .markdown-body .highlight .sc,

  515. .markdown-body .highlight .sd,

  516. .markdown-body .highlight .s2,

  517. .markdown-body .highlight .se,

  518. .markdown-body .highlight .sh,

  519. .markdown-body .highlight .si,

  520. .markdown-body .highlight .sx,

  521. .markdown-body .highlight .s1 {

  522.   color: #df5000;

  523. }

  524. 

  525. .markdown-body .highlight .kc,

  526. .markdown-body .highlight .kd,

  527. .markdown-body .highlight .kn,

  528. .markdown-body .highlight .kp,

  529. .markdown-body .highlight .kr,

  530. .markdown-body .highlight .kt,

  531. .markdown-body .highlight .k,

  532. .markdown-body .highlight .o {

  533.   font-weight: bold;

  534. }

  535. 

  536. .markdown-body .highlight .kt {

  537.   color: #458;

  538. }

  539. 

  540. .markdown-body .highlight .c,

  541. .markdown-body .highlight .cm,

  542. .markdown-body .highlight .c1 {

  543.   color: #998;

  544.   font-style: italic;

  545. }

  546. 

  547. .markdown-body .highlight .cp,

  548. .markdown-body .highlight .cs,

  549. .markdown-body .highlight .cp .h {

  550.   color: #999;

  551.   font-weight: bold;

  552. }

  553. 

  554. .markdown-body .highlight .cs {

  555.   font-style: italic;

  556. }

  557. 

  558. .markdown-body .highlight .n {

  559.   color: #333;

  560. }

  561. 

  562. .markdown-body .highlight .na,

  563. .markdown-body .highlight .nv,

  564. .markdown-body .highlight .vc,

  565. .markdown-body .highlight .vg,

  566. .markdown-body .highlight .vi {

  567.   color: #008080;

  568. }

  569. 

  570. .markdown-body .highlight .nb {

  571.   color: #0086B3;

  572. }

  573. 

  574. .markdown-body .highlight .nc {

  575.   color: #458;

  576.   font-weight: bold;

  577. }

  578. 

  579. .markdown-body .highlight .no {

  580.   color: #094e99;

  581. }

  582. 

  583. .markdown-body .highlight .ni {

  584.   color: #800080;

  585. }

  586. 

  587. .markdown-body .highlight .ne {

  588.   color: #990000;

  589.   font-weight: bold;

  590. }

  591. 

  592. .markdown-body .highlight .nf {

  593.   color: #945277;

  594.   font-weight: bold;

  595. }

  596. 

  597. .markdown-body .highlight .nn {

  598.   color: #555;

  599. }

  600. 

  601. .markdown-body .highlight .nt {

  602.   color: #000080;

  603. }

  604. 

  605. .markdown-body .highlight .err {

  606.   color: #a61717;

  607.   background-color: #e3d2d2;

  608. }

  609. 

  610. .markdown-body .highlight .gd {

  611.   color: #000;

  612.   background-color: #fdd;

  613. }

  614. 

  615. .markdown-body .highlight .gd .x {

  616.   color: #000;

  617.   background-color: #faa;

  618. }

  619. 

  620. .markdown-body .highlight .ge {

  621.   font-style: italic;

  622. }

  623. 

  624. .markdown-body .highlight .gr {

  625.   color: #aa0000;

  626. }

  627. 

  628. .markdown-body .highlight .gh {

  629.   color: #999;

  630. }

  631. 

  632. .markdown-body .highlight .gi {

  633.   color: #000;

  634.   background-color: #dfd;

  635. }

  636. 

  637. .markdown-body .highlight .gi .x {

  638.   color: #000;

  639.   background-color: #afa;

  640. }

  641. 

  642. .markdown-body .highlight .go {

  643.   color: #888;

  644. }

  645. 

  646. .markdown-body .highlight .gp {

  647.   color: #555;

  648. }

  649. 

  650. .markdown-body .highlight .gs {

  651.   font-weight: bold;

  652. }

  653. 

  654. .markdown-body .highlight .gu {

  655.   color: #800080;

  656.   font-weight: bold;

  657. }

  658. 

  659. .markdown-body .highlight .gt {

  660.   color: #aa0000;

  661. }

  662. 

  663. .markdown-body .highlight .ow {

  664.   font-weight: bold;

  665. }

  666. 

  667. .markdown-body .highlight .w {

  668.   color: #bbb;

  669. }

  670. 

  671. .markdown-body .highlight .sr {

  672.   color: #017936;

  673. }

  674. 

  675. .markdown-body .highlight .ss {

  676.   color: #8b467f;

  677. }

  678. 

  679. .markdown-body .highlight .bp {

  680.   color: #999;

  681. }

  682. 

  683. .markdown-body .highlight .gc {

  684.   color: #999;

  685.   background-color: #EAF2F5;

  686. }

  687. 

  688. .markdown-body kbd {

  689.   background-color: #e7e7e7;

  690.   background-image: -webkit-linear-gradient(#fefefe, #e7e7e7);

  691.   background-image: linear-gradient(#fefefe, #e7e7e7);

  692.   background-repeat: repeat-x;

  693.   display: inline-block;

  694.   padding: 3px 5px;

  695.   font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace;

  696.   line-height: 10px;

  697.   color: #000;

  698.   border: 1px solid #cfcfcf;

  699.   border-radius: 2px;

  700. }

  701. 

  702. .markdown-body .highlight .pl-coc,

  703. .markdown-body .highlight .pl-entm,

  704. .markdown-body .highlight .pl-eoa,

  705. .markdown-body .highlight .pl-mai .pl-sf,

  706. .markdown-body .highlight .pl-pdv,

  707. .markdown-body .highlight .pl-sc,

  708. .markdown-body .highlight .pl-sr,

  709. .markdown-body .highlight .pl-v,

  710. .markdown-body .highlight .pl-vpf {

  711.   color: #0086b3;

  712. }

  713. 

  714. .markdown-body .highlight .pl-eoac,

  715. .markdown-body .highlight .pl-mdht,

  716. .markdown-body .highlight .pl-mi1,

  717. .markdown-body .highlight .pl-mri,

  718. .markdown-body .highlight .pl-va,

  719. .markdown-body .highlight .pl-vpu {

  720.   color: #008080;

  721. }

  722. 

  723. .markdown-body .highlight .pl-c,

  724. .markdown-body .highlight .pl-pdc {

  725.   color: #b4b7b4;

  726.   font-style: italic;

  727. }

  728. 

  729. .markdown-body .highlight .pl-k,

  730. .markdown-body .highlight .pl-ko,

  731. .markdown-body .highlight .pl-kolp,

  732. .markdown-body .highlight .pl-mc,

  733. .markdown-body .highlight .pl-mr,

  734. .markdown-body .highlight .pl-ms,

  735. .markdown-body .highlight .pl-s,

  736. .markdown-body .highlight .pl-sok,

  737. .markdown-body .highlight .pl-st {

  738.   color: #6e5494;

  739. }

  740. 

  741. .markdown-body .highlight .pl-ef,

  742. .markdown-body .highlight .pl-enf,

  743. .markdown-body .highlight .pl-enm,

  744. .markdown-body .highlight .pl-entc,

  745. .markdown-body .highlight .pl-eoi,

  746. .markdown-body .highlight .pl-sf,

  747. .markdown-body .highlight .pl-smc {

  748.   color: #d12089;

  749. }

  750. 

  751. .markdown-body .highlight .pl-ens,

  752. .markdown-body .highlight .pl-eoai,

  753. .markdown-body .highlight .pl-kos,

  754. .markdown-body .highlight .pl-mh .pl-pdh,

  755. .markdown-body .highlight .pl-mp,

  756. .markdown-body .highlight .pl-pde,

  757. .markdown-body .highlight .pl-stp {

  758.   color: #458;

  759. }

  760. 

  761. .markdown-body .highlight .pl-enti {

  762.   color: #d12089;

  763.   font-weight: bold;

  764. }

  765. 

  766. .markdown-body .highlight .pl-cce,

  767. .markdown-body .highlight .pl-enc,

  768. .markdown-body .highlight .pl-kou,

  769. .markdown-body .highlight .pl-mq {

  770.   color: #f93;

  771. }

  772. 

  773. .markdown-body .highlight .pl-mp1 .pl-sf {

  774.   color: #458;

  775.   font-weight: bold;

  776. }

  777. 

  778. .markdown-body .highlight .pl-cos,

  779. .markdown-body .highlight .pl-ent,

  780. .markdown-body .highlight .pl-md,

  781. .markdown-body .highlight .pl-mdhf,

  782. .markdown-body .highlight .pl-ml,

  783. .markdown-body .highlight .pl-pdc1,

  784. .markdown-body .highlight .pl-pds,

  785. .markdown-body .highlight .pl-s1,

  786. .markdown-body .highlight .pl-scp,

  787. .markdown-body .highlight .pl-sol {

  788.   color: #df5000;

  789. }

  790. 

  791. .markdown-body .highlight .pl-c1,

  792. .markdown-body .highlight .pl-cn,

  793. .markdown-body .highlight .pl-pse,

  794. .markdown-body .highlight .pl-pse .pl-s2,

  795. .markdown-body .highlight .pl-vi {

  796.   color: #a31515;

  797. }

  798. 

  799. .markdown-body .highlight .pl-mb,

  800. .markdown-body .highlight .pl-pdb {

  801.   color: #df5000;

  802.   font-weight: bold;

  803. }

  804. 

  805. .markdown-body .highlight .pl-mi,

  806. .markdown-body .highlight .pl-pdi {

  807.   color: #6e5494;

  808.   font-style: italic;

  809. }

  810. 

  811. .markdown-body .highlight .pl-ms1 {

  812.   background-color: #f5f5f5;

  813. }

  814. 

  815. .markdown-body .highlight .pl-mdh,

  816. .markdown-body .highlight .pl-mdi {

  817.   font-weight: bold;

  818. }

  819. 

  820. .markdown-body .highlight .pl-mdr {

  821.   color: #0086b3;

  822.   font-weight: bold;

  823. }

  824. 

  825. .markdown-body .highlight .pl-s2 {

  826.   color: #333;

  827. }

  828. 

  829. .markdown-body .highlight .pl-ii {

  830.   background-color: #df5000;

  831.   color: #fff;

  832. }

  833. 

  834. .markdown-body .highlight .pl-ib {

  835.   background-color: #f93;

  836. }

  837. 

  838. .markdown-body .highlight .pl-id {

  839.   background-color: #a31515;

  840.   color: #fff;

  841. }

  842. 

  843. .markdown-body .highlight .pl-iu {

  844.   background-color: #b4b7b4;

  845. }

  846. 

  847. .markdown-body .highlight .pl-mo {

  848.   color: #969896;

  849. }

  850. 

  851. .markdown-body .task-list-item {

  852.   list-style-type: none;

  853. }

  854. 

  855. .markdown-body .task-list-item+.task-list-item {

  856.   margin-top: 3px;

  857. }

  858. 

  859. .markdown-body .task-list-item input {

  860.   float: left;

  861.   margin: 0.3em 0 0.25em -1.6em;

  862.   vertical-align: middle;

  863. }</style><script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

  864. <script>

  865. MathJax.Hub.Config({

  866.   config: ["MMLorHTML.js"],

  867.   extensions: ["tex2jax.js"],

  868.   jax: ["input/TeX"],

  869.   tex2jax: {

  870.     inlineMath: [ ['$','$'], ["\\(","\\)"] ],

  871.     displayMath: [ ['$$','$$'], ["\\[","\\]"] ],

  872.     processEscapes: false

  873.   },

  874.   TeX: {

  875.     extensions: ["AMSmath.js", "AMSsymbols.js"],

  876.     TagSide: "right",

  877.     TagIndent: ".8em",

  878.     MultLineWidth: "85%",

  879.     equationNumbers: {

  880.       autoNumber: "AMS",

  881.     },

  882.     unicode: {

  883.       fonts: "STIXGeneral,'Arial Unicode MS'"

  884.     }

  885.   },

  886.   showProcessingMessages: false

  887. });

  888. </script>

  889. <title>classesBasket</title></head><body><article class="markdown-body"><p><a href="#markdown-header-classes-basket">English</a> | <a href="#markdown-header-clases-baloncesto">Español</a></p>

  890. 

  891. <h1>

  892. <a id="user-content-clases---baloncesto" class="anchor" href="#clases---baloncesto" aria-hidden="true"><span class="octicon octicon-link"></span></a>Clases - Baloncesto</h1>

  893. 

  894. <p><a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main1.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main1.png" alt="main1.png" style="max-width:100%;"></a>

  895. <a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main2.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main2.png" alt="main2.png" style="max-width:100%;"></a>

  896. <a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main3.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main3.png" alt="main3.png" style="max-width:100%;"></a></p>

  897. 

  898. <p>La <em>programación orientada a objetos</em> (object oriented programming, OOP) es un paradigma de programación que promueve el diseño de programas en el que distintos objetos interactúan entre sí para resolver un problema.   C++ es uno de los lenguajes de programación que promueve la programación orientada a objetos, permitiendo que los programadores creen sus propias clases desde cero o derivadas de otras clases existentes. Algunos otros lenguajes que promueven OOP son Java, Python, javascript y PHP.  </p>

  899. 

  900. <p>En OOP, cada objeto encapsula dentro de él ciertas propiedades sobre el ente que está modelando (por ejemplo, un objeto que modela un <em>punto</em> encapsula dentro de sí las coordenadas <em>x</em> y <em>y</em> del punto que representa). Además, cada objeto permite realizar ciertas acciones sobre sí, i.e. contiene sus <em>métodos</em>. Por ejemplo, un objeto de clase <em>punto</em> puede realizar la acción de cambiar el valor de su coordenada <em>x</em>. </p>

  901. 

  902. <p>Cuando la clase de objetos que necesitamos utilizar en nuestro programa no ha sido predefinida en el alguna librería, necesitamos declarar e implementar nuestra propia clase. Para esto definimos <em>clases</em> que contengan datos con ciertas <em>propiedades</em> o <em>atributos</em> y acciones que queremos hacer con esos datos por medio de <em>métodos</em> o <em>funciones miembro</em>. De esta manera, podremos organizar la información y procesos en <em>objetos</em> que tienen las propiedades y métodos de una clase. En la experiencia de laboratorio de hoy practicarás el definir una clase e implementar algunos de sus métodos completando un programa que simula un partido de baloncesto entre dos jugadores, mantiene la puntuación del juego y las estadísticas globales de los dos jugadores.</p>

  903. 

  904. <h2>

  905. <a id="user-content-objetivos" class="anchor" href="#objetivos" aria-hidden="true"><span class="octicon octicon-link"></span></a>Objetivos:</h2>

  906. 

  907. <ol>

  908. <li><p>Diseñar y definir una clase.</p></li>

  909. <li><p>Implementar métodos de una clase.</p></li>

  910. </ol>

  911. 

  912. <h2>

  913. <a id="user-content-pre-lab" class="anchor" href="#pre-lab" aria-hidden="true"><span class="octicon octicon-link"></span></a>Pre-Lab:</h2>

  914. 

  915. <p>Antes de llegar al laboratorio debes haber:</p>

  916. 

  917. <ol>

  918. <li><p>Repasado los conceptos relacionados a clases y objetos.</p></li>

  919. <li><p>Estudiado el esqueleto del programa en <code>main.cpp</code>.</p></li>

  920. <li><p>Estudiado los conceptos e instrucciones para la sesión de laboratorio.</p></li>

  921. <li><p>Tomado el quiz Pre-Lab que se encuentra en Moodle.</p></li>

  922. </ol>

  923. 

  924. <hr>

  925. 

  926. <hr>

  927. 

  928. <h2>

  929. <a id="user-content-el-juego" class="anchor" href="#el-juego" aria-hidden="true"><span class="octicon octicon-link"></span></a>El juego</h2>

  930. 

  931. <p>El esqueleto de programa que te proveemos simula un partido de baloncesto entre dos jugadores. Todos los tiros anotados reciben dos puntos. Se inicializan los datos con el nombre de cada jugador y sus estadísticas globales en el "torneo": total de juegos jugados, tiros intentados, tiros anotados y rebotes. El programa incluye funciones  aleatorias y fórmulas para determinar el jugador que intenta el tiro, si anota el tiro y el jugador que coge el rebote.  Durante el partido simulado se mantiene la puntuación de cada jugador y se actualizan los datos para cada jugador. Al final del partido se despliega una tabla con las estadísticas.</p>

  932. 

  933. <hr>

  934. 

  935. <h3>

  936. <a id="user-content-la-clase-bbplayer" class="anchor" href="#la-clase-bbplayer" aria-hidden="true"><span class="octicon octicon-link"></span></a>La clase <code>BBPlayer</code>

  937. </h3>

  938. 

  939. <p>Para esta experiencia de laboratorio, definirás una clase <code>BBPlayer</code> que contenga los atributos y métodos que se describen abajo. Como algunas de las funciones que ya están definidas en el código provisto utilizan atributos y métodos de esta clase, es importante que utilices los mismos nombres que te indicamos. El código comentado en la función <code>main</code> y en <code>test_BBPlayer</code> también te ayudará a determinar el tipo de dato que debe devolver el método y los tipos que deben tener los parámetros y el orden en que se incluyen en la declaración de la función.</p>

  940. 

  941. <h4>

  942. <a id="user-content-atributos" class="anchor" href="#atributos" aria-hidden="true"><span class="octicon octicon-link"></span></a>Atributos</h4>

  943. 

  944. <ul>

  945. <li> <code>_name</code>: guardará el nombre del jugador</li>

  946. <li> <code>_shotsTaken</code>: guardará el número de tiros al canasto intentados durante el torneo</li>

  947. <li> <code>_shotsMade</code>: guardará el número de tiros al canasto anotados durante el torneo</li>

  948. <li> <code>_gamesPlayed</code>: guardará el número de juegos jugados durante el torneo</li>

  949. <li> <code>_rebounds</code>: guardará el número de rebotes durante el torneo</li>

  950. <li> <code>_score</code>: guardará la puntuación del jugador durante el partido</li>

  951. </ul>

  952. 

  953. <h4>

  954. <a id="user-content-métodos" class="anchor" href="#m%C3%A9todos" aria-hidden="true"><span class="octicon octicon-link"></span></a>Métodos</h4>

  955. 

  956. <ul>

  957. <li>constructor por defecto (default). <em>(método incluido en <code>main.cpp</code>)</em>

  958. </li>

  959. <li>

  960. <code>setAll()</code>: método que asignará valor inicial a todos los atributos de un objeto. Nota que este método está invocado al comienzo de <code>main</code> para asignarle valores iniciales al arreglo <code>P</code> que es un arreglo de dos objetos de la clase <code>BBPlayer</code>.</li>

  961. <li>

  962. <code>name()</code>: método para adquirir el nombre del jugador.</li>

  963. <li>

  964. <code>shotPercentage()</code>: método para calcular el porciento de tiros anotados; se usa para "determinar" si el tiro intentado por un jugador se anota. <em>(método incluido en <code>main.cpp</code>)</em>

  965. </li>

  966. <li>

  967. <code>reboundsPerGame()</code>: método para calcular el promedio de rebotes cogidos por juego; se usa para "determinar" si un jugador coge un rebote. <em>(método incluido en <code>main.cpp</code>)</em>

  968. </li>

  969. <li>

  970. <code>shotMade()</code>: método que registra que se anotó un tiro, que se intentó un tiro, y actualiza la puntuación del jugador.</li>

  971. <li>

  972. <code>shotMissed()</code>: método que registra tiro intentado (pero fallado).</li>

  973. <li>

  974. <code>reboundMade()</code>: método que registra un rebote cogido.</li>

  975. <li>

  976. <code>addGame()</code>: método que registra que se jugó un partido.</li>

  977. <li>

  978. <code>score()</code>: método para adquirir la puntuación del jugador.</li>

  979. <li>

  980. <code>printStats()</code>: método para desplegar las estádisticas del jugador. <em>(método incluido en <code>main.cpp</code>)</em>

  981. </li>

  982. </ul>

  983. 

  984. <hr>

  985. 

  986. <hr>

  987. 

  988. <h2>

  989. <a id="user-content-sesión-de-laboratorio" class="anchor" href="#sesi%C3%B3n-de-laboratorio" aria-hidden="true"><span class="octicon octicon-link"></span></a>Sesión de laboratorio:</h2>

  990. 

  991. <p>Tu tarea durante la sesión de laboratorio será el definir la clase <code>BBPlayer</code> con los atributos y prototipos de los métodos que se listan arriba. El esqueleto del programa incluye el código para definir algunos de los métodos; otros tendrán que ser definidos.</p>

  992. 

  993. <p>El esqueleto del programa también incluye la función <code>test_BBPlayer</code> que hace pruebas unitarias a cada una de las funciones del programa. Las pruebas están comentadas y, según vayas definiendo las funciones, las vas descomentando, probando y modificando la función  hasta que la prueba para esa función se pase. Una vez todas las funciones estén listas y hayan pasado las pruebas, se prueba el programa completo removiendo los comentarios que sean necesarios en el código de la función <code>main</code>.</p>

  994. 

  995. <h3>

  996. <a id="user-content-ejercicio-0-bajar-y-entender-el-código-provisto" class="anchor" href="#ejercicio-0-bajar-y-entender-el-c%C3%B3digo-provisto" aria-hidden="true"><span class="octicon octicon-link"></span></a>Ejercicio 0: Bajar y entender el código provisto</h3>

  997. 

  998. <h4>

  999. <a id="user-content-instrucciones" class="anchor" href="#instrucciones" aria-hidden="true"><span class="octicon octicon-link"></span></a>Instrucciones</h4>

  1000. 

  1001. <ol>

  1002. <li><p>Carga a QtCreator el proyecto <code>basket01</code>  haciendo doble "click" en el archivo <code>basket01.pro</code> en el directorio <code>Documents/eip/Classes-Basket</code> de tu computadora. También puedes ir a <code>http://bitbucket.org/eip-uprrp/classes-basket</code> para descargar la carpeta <code>Classes-Basket</code> a tu computadora.</p></li>

  1003. <li><p>Este programa correrá en el terminal y  debes seleccionar esa opción desde la ventana de "Projects". Para acceder a esta ventana, seleccionas "Projects" en el menú vertical de la izquierda. Luego en <code>Build &amp; Run</code> seleccionas <code>Run</code> y luego marcas la caja que dice <code>Run in terminal</code>.</p></li>

  1004. <li><p>Estudia y entiende el código en el archivo <code>main.cpp</code>, incluyendo el código que está comentado.</p></li>

  1005. </ol>

  1006. 

  1007. <h3>

  1008. <a id="user-content-ejercicio-1-definir-la-clase-bbplayer" class="anchor" href="#ejercicio-1-definir-la-clase-bbplayer" aria-hidden="true"><span class="octicon octicon-link"></span></a>Ejercicio 1: Definir la clase <code>BBPlayer</code>

  1009. </h3>

  1010. 

  1011. <ol>

  1012. <li>

  1013. <p>Define la clase <code>BBPlayer</code> con las especificaciones que se incluyen arriba. Para cada uno de los métodos que se especifican arriba:</p>

  1014. 

  1015. <p>a. Incluye el prototipo del método en la definición de la clase</p>

  1016. 

  1017. <p>b. Si la función correspondiente a ese método ya está codificada en el programa, remueve los comentarios de las secciones correspondientes a esa función en  <code>test_BBPlayer</code>.</p>

  1018. 

  1019. <p>c. Si la función correspondiente a ese método no está codificada, define la función y luego remueve los comentarios de las secciones correspondientes a esa función en  <code>test_BBPlayer</code>.</p>

  1020. 

  1021. <p>d. Corre el programa y verifica que haya pasado las pruebas. Debes obtener una ventana similar a la de la Figura 1. Si no pasa las pruebas, revisa tu código. Repite hasta que tu código haya pasado las pruebas. </p>

  1022. 

  1023. <hr>

  1024. 

  1025. <p><a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure1.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure1.png" alt="figure1.png" style="max-width:100%;"></a></p>

  1026. 

  1027. <p><strong>Figura 1.</strong> Ejemplo de la pantalla que debes obtener si el código pasa las pruebas unitarias.</p>

  1028. 

  1029. <hr>

  1030. </li>

  1031. <li>

  1032. <p>Una vez tengas todas las funciones definidas y probadas, descomenta el código de la función <code>main</code> para probar el programa completo. Si el programa funciona correctamente, debes obtener una ventana que comienza de manera similar a la Figura 2 y termina como en la Figura 3.</p>

  1033. 

  1034. <hr>

  1035. 

  1036. <p><a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure2.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure2.png" alt="figure2.png" style="max-width:100%;"></a></p>

  1037. 

  1038. <p><strong>Figura 2.</strong> Ejemplo del comienzo de la pantalla que debes obtener si el programa funciona correctamente.</p>

  1039. 

  1040. <hr>

  1041. 

  1042. <p><a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure3.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure3.png" alt="figure3.png" style="max-width:100%;"></a></p>

  1043. 

  1044. <p><strong>Figura 3.</strong> Ejemplo de la pantalla que debes obtener al final del programa si éste funciona correctamente.</p>

  1045. 

  1046. <hr>

  1047. </li>

  1048. </ol>

  1049. 

  1050. <p><strong>IMPORTANTE:</strong> NO debes hacer ningún cambio en las funciones  <code>main</code> y <code>test_BBPlayer</code>, aparte de quitar los comentarios.</p>

  1051. 

  1052. <hr>

  1053. 

  1054. <hr>

  1055. 

  1056. <h2>

  1057. <a id="user-content-entrega" class="anchor" href="#entrega" aria-hidden="true"><span class="octicon octicon-link"></span></a>Entrega</h2>

  1058. 

  1059. <p>Utiliza "Entrega" en Moodle para entregar el archivo <code>main.cpp</code>. Recuerda utilizar buenas prácticas de programación, incluir el nombre de los programadores y documentar tu programa.</p>

  1060. 

  1061. <hr>

  1062. 

  1063. <hr>

  1064. 

  1065. <h2>

  1066. <a id="user-content-referencias" class="anchor" href="#referencias" aria-hidden="true"><span class="octicon octicon-link"></span></a>Referencias</h2>

  1067. 

  1068. <p>[1] <a href="http://www.telegraph.co.uk/sport/olympics/basketball/9348826/London-2012-Olympics-Temi-Fagbenle-in-Team-GB-womens-basketball-squad.html">http://www.telegraph.co.uk/sport/olympics/basketball/9348826/London-2012-Olympics-Temi-Fagbenle-in-Team-GB-womens-basketball-squad.html</a></p>

  1069. 

  1070. <p>[2] <a href="http://www.musthavemenus.com/category/bar-clipart.html">http://www.musthavemenus.com/category/bar-clipart.html</a></p>

  1071. 

  1072. <p>[3] <a href="http://basketball.isport.com/basketball-guides/finding-your-niche-in-basketball">http://basketball.isport.com/basketball-guides/finding-your-niche-in-basketball</a></p>

  1073. 

  1074. <hr>

  1075. 

  1076. <hr>

  1077. 

  1078. <hr>

  1079. 

  1080. <p><a href="#markdown-header-classes-basket">English</a> | <a href="#markdown-header-clases-baloncesto">Español</a></p>

  1081. 

  1082. <h1>

  1083. <a id="user-content-classes---basketball" class="anchor" href="#classes---basketball" aria-hidden="true"><span class="octicon octicon-link"></span></a>Classes - Basketball</h1>

  1084. 

  1085. <p><a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main1.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main1.png" alt="main1.png" style="max-width:100%;"></a>

  1086. <a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main2.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main2.png" alt="main2.png" style="max-width:100%;"></a>

  1087. <a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main3.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/main3.png" alt="main3.png" style="max-width:100%;"></a></p>

  1088. 

  1089. <p><em>Object Oriented Programming</em> (OOP) is a programming paradigm that promotes the design of programs by having different objects interacting together to solve a problem. C++ is one of the programming languages that promotes object oriented programming, allowing programmers to create their own classes from scratch or derive them from other existing classes. Other languages that promote OOP are Java, Python, Javascript and PHP.</p>

  1090. 

  1091. <p>In OOP, each object encapsulates within itself certain properties about the entity being modeled (for example, an object that models a <em>point</em> encapsulates the coordinates <em>x</em> and <em>y</em> of the point being represented). Furthermore, each object allows certain actions to be carried out on itself with the  <em>methods</em> that the object contains. For example, an object of class <em>point</em> could carry out the action of changing the value of the <em>x</em> coordinate.</p>

  1092. 

  1093. <p>When an object class we need to use in our program has not been predefined in a library, we need to declare and implement our own class. To do this, we define <em>classes</em> that contain data with certain <em>properties</em> or <em>attributes</em> and actions that we want to carry out with this data through the use of <em>methods</em> or <em>member functions</em>. This way, we can organize the information and processes in <em>objects</em> that have the properties and methods of a class. In today's laboratory experience you will practice defining a class and implementing some of its methods by completing a program that simulates a basketball game between two players, maintaining the score for the game and the global statistics for the two players.</p>

  1094. 

  1095. <h2>

  1096. <a id="user-content-objectives" class="anchor" href="#objectives" aria-hidden="true"><span class="octicon octicon-link"></span></a>Objectives:</h2>

  1097. 

  1098. <ol>

  1099. <li><p>Design and define a class.</p></li>

  1100. <li><p>Implement methods for a class.</p></li>

  1101. </ol>

  1102. 

  1103. <h2>

  1104. <a id="user-content-pre-lab-1" class="anchor" href="#pre-lab-1" aria-hidden="true"><span class="octicon octicon-link"></span></a>Pre-Lab:</h2>

  1105. 

  1106. <p>Before coming to the laboratory you should have:</p>

  1107. 

  1108. <ol>

  1109. <li><p>Reviewed the concepts related to classes and objects.</p></li>

  1110. <li><p>Studied the skeleton for the program in <code>main.cpp</code>.</p></li>

  1111. <li><p>Studied the concepts and instructions for the laboratory session.</p></li>

  1112. <li><p>Taken the Pre-Lab quiz that can be found in Moodle.</p></li>

  1113. </ol>

  1114. 

  1115. <hr>

  1116. 

  1117. <hr>

  1118. 

  1119. <h2>

  1120. <a id="user-content-the-game" class="anchor" href="#the-game" aria-hidden="true"><span class="octicon octicon-link"></span></a>The Game</h2>

  1121. 

  1122. <p>The skeleton for the program that we provide simulates a basketball game between two players. The successful throws into the basket receive two points. The data is initiated with the name of each player and the global statistics in the "tournament": total of games played, attempted throws, successful throws and rebounds. The program includes random functions and formulas to determine the player that attempts a throw, if the player scores, and  the player that takes the rebound. During the simulated game the score for each player is kept and each player's data is updated. At the end of the game, a table with the statistics is displayed.</p>

  1123. 

  1124. <hr>

  1125. 

  1126. <h3>

  1127. <a id="user-content-the-bbplayer-class" class="anchor" href="#the-bbplayer-class" aria-hidden="true"><span class="octicon octicon-link"></span></a>The <code>BBPlayer</code> Class</h3>

  1128. 

  1129. <p>For this laboratory experience, you will define the <code>BBPlayer</code> class that contains the attributes and methods that are described below. Since some of the functions that are already defined in the provided code use attributes and methods of this class, it is important that you use the same names that we indicate. The commented code in the <code>main</code> function and in <code>test_BBPlayer</code> will help you determine the type of data the method should return, the types the parameters should have, and the order in which they are included in the function declaration.</p>

  1130. 

  1131. <h4>

  1132. <a id="user-content-attributes" class="anchor" href="#attributes" aria-hidden="true"><span class="octicon octicon-link"></span></a>Attributes</h4>

  1133. 

  1134. <ul>

  1135. <li>

  1136. <code>_name</code>: stores the name of the player</li>

  1137. <li>

  1138. <code>_shotsTaken</code>: stores the number of attempted throws during the tournament</li>

  1139. <li>

  1140. <code>_showsMade</code>: stores the number of throws scored during the tournament</li>

  1141. <li>

  1142. <code>_gamesPlayed</code>: stores the number of games played during the tournament</li>

  1143. <li>

  1144. <code>_rebounds</code>: stores the number of rebounds during the tournament</li>

  1145. <li>

  1146. <code>_score</code>: stores the player's score during the game</li>

  1147. </ul>

  1148. 

  1149. <h4>

  1150. <a id="user-content-methods" class="anchor" href="#methods" aria-hidden="true"><span class="octicon octicon-link"></span></a>Methods</h4>

  1151. 

  1152. <ul>

  1153. <li>default constructor. <em>(method included in <code>main.cpp</code>)</em>

  1154. </li>

  1155. <li>

  1156. <code>setAll()</code>: methods that assigns an initial value to all of the attributes of the object. Notice that this method is invoked at the beginning of <code>main</code> to assign initial values to the array <code>P</code> that is an array of two objects of the <code>BBPlayer</code> class.</li>

  1157. <li>

  1158. <code>name()</code>: method to acquire the name of the player.</li>

  1159. <li>

  1160. <code>shotPercentage()</code>: method to compute the percent of throws scored; is used to determine if the attempted throw is scored by a player. <em>(method included in <code>main.cpp</code>)</em>

  1161. </li>

  1162. <li>

  1163. <code>reboundsPerGame()</code>: method to compute the average number of rebounds caught by a player; is used to determine if the player successfully catches the rebound. <em>(method included in <code>main.cpp</code>)</em>

  1164. </li>

  1165. <li>'shotMade()': method that registers that a shot was scored, that a shot was attempted, and updates the score for the player.</li>

  1166. <li>

  1167. <code>shotMissed()</code>: method that registers an attempted throw (but unsuccessful).</li>

  1168. <li>

  1169. <code>reboundMade()</code>: method that registers that a rebound was caught.</li>

  1170. <li>

  1171. <code>addGame()</code>: method that registers that a game was played.</li>

  1172. <li>

  1173. <code>score()</code>: method to acquire the score of a player.</li>

  1174. <li>

  1175. <code>printStats()</code>: method that displays a player's statistics. <em>(method included in <code>main.cpp</code>)</em>

  1176. </li>

  1177. </ul>

  1178. 

  1179. <hr>

  1180. 

  1181. <hr>

  1182. 

  1183. <h2>

  1184. <a id="user-content-laboratory-session" class="anchor" href="#laboratory-session" aria-hidden="true"><span class="octicon octicon-link"></span></a>Laboratory Session:</h2>

  1185. 

  1186. <p>During this laboratory session, your task will be to define the <code>BBPlayer</code> class with the attributes and method prototypes listed above. The skeleton for the program includes the code to define some of the methods; others will have to be defined.</p>

  1187. 

  1188. <p>The skeleton for the program also includes the <code>test_BBPlayer</code> function that does unit tests to each of the functions in the program. The tests are commented and, as you define each function, you will remove the comment, test and modify the function, until the test for that function is passed. Once all of the functions are ready and have passed the tests, the whole program is tested by removing the necessary comments in the <code>main</code> function.</p>

  1189. 

  1190. <h3>

  1191. <a id="user-content-exercise-0-download-and-understand-the-provided-code" class="anchor" href="#exercise-0-download-and-understand-the-provided-code" aria-hidden="true"><span class="octicon octicon-link"></span></a>Exercise 0: Download and understand the provided code</h3>

  1192. 

  1193. <h4>

  1194. <a id="user-content-instructions" class="anchor" href="#instructions" aria-hidden="true"><span class="octicon octicon-link"></span></a>Instructions</h4>

  1195. 

  1196. <ol>

  1197. <li><p>Load the <code>basket01</code> project onto Qt by double clicking on the <code>basket01.pro</code> filein the directory <code>Documents/eip/Classes-Basket</code> of your computer. You may also go to <code>http://bitbucket.org/eip-uprrp/classes-basket</code> to download the <code>Classes-Basket</code> folder to your computer.</p></li>

  1198. <li><p>This program will run on the terminal and you should select this option from the "Projects" window. To access this window, you select "Projects" in the vertical menu to the left. Afterwards, in <code>Build &amp; Run</code> you select <code>Run</code> and then mark the box that says <code>Run in terminal</code>.</p></li>

  1199. <li><p>Study and understand the code in the <code>main.cpp</code> file, including the code that is commented.</p></li>

  1200. </ol>

  1201. 

  1202. <h3>

  1203. <a id="user-content-exercise-1-define-the-bbplayer-class" class="anchor" href="#exercise-1-define-the-bbplayer-class" aria-hidden="true"><span class="octicon octicon-link"></span></a>Exercise 1: Define the <code>BBPlayer</code> class</h3>

  1204. 

  1205. <ol>

  1206. <li>

  1207. <p>Define the <code>BBPlayer</code> class with the specifications included above. For each one of the methods that are specified above:</p>

  1208. 

  1209. <p>a. Include a prototype for the method in the class definition.</p>

  1210. 

  1211. <p>b. If the corresponding member function is already coded in the program, remove the comments from the corresponding sections for this function in <code>test_BBPlayer</code>.</p>

  1212. 

  1213. <p>c. If the corresponding member function is not coded, define the function and then remove the comments from the corresponding sections for this function in <code>test_BBPlayer</code>.</p>

  1214. 

  1215. <p>d. Run the program and verify that it passed all of the tests. You should obtain a window similar to the one in Figure 1. If your code does not pass all the tests, revise your code. Repeat until your code has passed all of the tests.</p>

  1216. 

  1217. <hr>

  1218. 

  1219. <p><a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure1.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure1.png" alt="figure1.png" style="max-width:100%;"></a></p>

  1220. 

  1221. <p><strong>Figure 1.</strong> Example of the window you should obtain if the code passes the unit tests.</p>

  1222. 

  1223. <hr>

  1224. </li>

  1225. <li>

  1226. <p>Once you have all of the functions defined and tested, uncomment the code in the <code>main</code> function to test the whole program. If the program functions correctly, you should obtain a window that starts similarly to the one in Figure 2 and finishes like the one in Figure 3.</p>

  1227. 

  1228. <hr>

  1229. 

  1230. <p><a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure2.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure2.png" alt="figure2.png" style="max-width:100%;"></a></p>

  1231. 

  1232. <p><strong>Figure 2.</strong> Example of the start of the window you should obtain if the program functions correctly.</p>

  1233. 

  1234. <hr>

  1235. 

  1236. <p><a href="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure3.png" target="_blank"><img src="/Users/Ivelisse/Dropbox/eip/EIP-REVISION-VERANO/Classes/Basket/basket-Edited-WithSolution-Aug-2015/images/figure3.png" alt="figure3.png" style="max-width:100%;"></a></p>

  1237. 

  1238. <p><strong>Figure 3.</strong> Example of the window you should obtain at the end of the program if it is working correctly.</p>

  1239. 

  1240. <hr>

  1241. </li>

  1242. </ol>

  1243. 

  1244. <p><strong>IMPORTANT:</strong> You SHOULD NOT make any changes in the <code>main</code> and <code>test_BBPlayer</code> functions, aside from removing the comments.</p>

  1245. 

  1246. <hr>

  1247. 

  1248. <hr>

  1249. 

  1250. <h2>

  1251. <a id="user-content-deliverables" class="anchor" href="#deliverables" aria-hidden="true"><span class="octicon octicon-link"></span></a>Deliverables</h2>

  1252. 

  1253. <p>Use "Deliverables" in Moodle to hand in the <code>main.cpp</code> file. Remember to use good programming techniques, include the name of the programmers involved, and document your program.</p>

  1254. 

  1255. <hr>

  1256. 

  1257. <hr>

  1258. 

  1259. <h2>

  1260. <a id="user-content-references" class="anchor" href="#references" aria-hidden="true"><span class="octicon octicon-link"></span></a>References</h2>

  1261. 

  1262. <p>[1] <a href="http://www.telegraph.co.uk/sport/olympics/basketball/9348826/London-2012-Olympics-Temi-Fagbenle-in-Team-GB-womens-basketball-squad.html">http://www.telegraph.co.uk/sport/olympics/basketball/9348826/London-2012-Olympics-Temi-Fagbenle-in-Team-GB-womens-basketball-squad.html</a></p>

  1263. 

  1264. <p>[2] <a href="http://www.musthavemenus.com/category/bar-clipart.html">http://www.musthavemenus.com/category/bar-clipart.html</a></p>

  1265. 

  1266. <p>[3] <a href="http://basketball.isport.com/basketball-guides/finding-your-niche-in-basketball">http://basketball.isport.com/basketball-guides/finding-your-niche-in-basketball</a></p>

  1267. </article></body></html>