Kilokem/WebTechnologiak-vizsga
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tizennegyedik vizsga

Browse Source
This commit is contained in:
Kilokem
2024-12-12 12:02:51 +01:00
parent b4fc743df4
commit 3c072aa251
5 changed files with 414 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
2020-21-1-04/Megoldas/gknb_intm049_2020-21-1_04.pdf Normal file
View File

Binary file not shown.

67
2020-21-1-04/Megoldas/index.html Normal file
View File

@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ferde hajítás</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1>Ferde hajítás</h1>
<p>
Ferde hajítás akkor jön létre, ha a test kezdősebességének iránya nem vízszintes és nem is függőleges. A ferde hajítás két mozgás összegének tekinthető: a test vízszintesen egyenes vonalú egyenletes mozgást végez, a mozgás függőleges összetevője pedig egyenes vonalú egyenletesen változó mozgás[2].
</p>
<p>
A mozgás leírásához vegyünk fel egy koordináta-rendszert úgy, hogy az origó a test kiindulási (t = 0-hoz tartozó) helyzeténél legyen, az Y tengely függőlegesen felfelé mutasson, az XY sík pedig tartalmazza a v0 kezdősebességet! A mozgás kezdősebessége és a g földi nehézségi gyorsulás is az XY síkban helyezkedik el, így a test végig ebben a síkban mozog, azaz a Z koordináta folyamatosan nulla marad. (Emiatt a Z koordinátával a továbbiakban nem foglalkozunk.) A kezdősebességnek az X tengellyel bezárt szögét a továbbiakban α jelöli.
</p>
<img src="./pm.svg" alt="Ferde hajítás" title="Ferde hajítás">
<h2>Kinematikai jellemzőket</h2>
<h3>Sebesség</h3>
<div class="keplet">
<p>
<i>v</i><sub>x</sub> = v<sub>0</sub>cos(a)
</p>
<p>
<i>v</i><sub>y</sub> = v<sub>0</sub>sin(a)
</p>
</div>
<h3>Elmozdulás</h3>
<div class="keplet">
<p>
<i>x</i> = v<sub>0</sub>tcos(a)
</p>
<p>
<i>y</i> = v<sub>0</sub>tsin(a)-gt<sup>2</sup>/2
</p>
</div>
<fieldset>
<legend>Paraméterek</legend>
<form action="">
<div>
<label for="v0param">V0 </label>
<input type="number" name="v0param" min="0" placeholder="Kezdősebesség (m/s)" id="v0">
</div>
<div>
<label for="aparam">a </label>
<input type="number" name="aparam" min="0" max="90" placeholder="Dobás szöge (fok)" id="a">
</div>
<div>
<button onclick="szamol(event)">Számol</button>
</div>
</form>
</fieldset>
<table id="outputtable">
<tr>
<th>t (sec)</th>
<th>x (m)</th>
<th>y (m)</th>
</tr>
</table>
<script src="./script.js"></script>
</body>
</html>

283
2020-21-1-04/Megoldas/pm.svg Normal file
View File

@ -0,0 +1,283 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
inkscape:export-ydpi="300"
inkscape:export-xdpi="300"
inkscape:export-filename="C:\Documents and Settings\Felhasználó\Dokumentumok\WIKIPEDIA_TMP\hajítások\ferde_hajitas0.png"
width="1052.3622"
height="744.09448"
id="svg2"
version="1.1"
inkscape:version="0.48.0 r9654"
sodipodi:docname="ferde_hajitas0.svg">
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="1"
inkscape:pageshadow="2"
inkscape:zoom="1.0092804"
inkscape:cx="526.18109"
inkscape:cy="372.04724"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1280"
inkscape:window-height="975"
inkscape:window-x="-4"
inkscape:window-y="-4"
inkscape:window-maximized="1"
inkscape:snap-global="true"
showguides="true"
inkscape:guide-bbox="true"
inkscape:snap-bbox="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:bbox-nodes="true">
<sodipodi:guide
orientation="1,0"
position="300,592.75388"
id="guide5749" />
<sodipodi:guide
orientation="1,0"
position="400,734.86118"
id="guide5751" />
<sodipodi:guide
orientation="1,0"
position="500,803.99447"
id="guide5753" />
<sodipodi:guide
orientation="1,0"
position="600,818.07717"
id="guide5755" />
<sodipodi:guide
orientation="1,0"
position="700,775.82905"
id="guide5757" />
<sodipodi:guide
orientation="1,0"
position="800,788.63151"
id="guide5759" />
<sodipodi:guide
orientation="0,1"
position="200,661.88716"
id="guide5761" />
<sodipodi:guide
orientation="1,0"
position="200,810.3957"
id="guide5765" />
</sodipodi:namedview>
<defs
id="defs4">
<linearGradient
id="linearGradient8342"
osb:paint="solid">
<stop
style="stop-color:#0000ff;stop-opacity:1;"
offset="0"
id="stop8344" />
</linearGradient>
<linearGradient
id="linearGradient5953"
osb:paint="solid">
<stop
style="stop-color:#0000ff;stop-opacity:1;"
offset="0"
id="stop5955" />
</linearGradient>
<marker
inkscape:stockid="Arrow2Mend"
orient="auto"
refY="0.0"
refX="0.0"
id="Arrow2Mend"
style="overflow:visible;">
<path
id="path4387"
style="font-size:12.0;fill-rule:evenodd;stroke-width:0.62500000;stroke-linejoin:round;"
d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
transform="scale(0.6) rotate(180) translate(0,0)" />
</marker>
<marker
inkscape:stockid="Arrow2Mendy"
orient="auto"
refY="0.0"
refX="0.0"
id="Arrow2Mendy"
style="overflow:visible;">
<path
id="path3058"
style="stroke-linejoin:round;font-size:12.0;fill-rule:evenodd;stroke:#0000ff;stroke-width:0.62500000;fill:#0000ff"
d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
transform="scale(0.6) rotate(180) translate(0,0)" />
</marker>
<marker
inkscape:stockid="Arrow2MendA"
orient="auto"
refY="0.0"
refX="0.0"
id="Arrow2MendA"
style="overflow:visible;">
<path
id="path6365"
style="stroke-linejoin:round;font-size:12.0;fill-rule:evenodd;stroke:#ff7f00;stroke-width:0.62500000;fill:#ff7f00"
d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
transform="scale(0.6) rotate(180) translate(0,0)" />
</marker>
<marker
inkscape:stockid="Arrow2Mendyh"
orient="auto"
refY="0.0"
refX="0.0"
id="Arrow2Mendyh"
style="overflow:visible;">
<path
id="path6632"
style="stroke-linejoin:round;font-size:12.0;fill-rule:evenodd;stroke:#ff7f00;stroke-width:0.62500000;fill:#ff7f00"
d="M 8.7185878,4.0337352 L -2.2072895,0.016013256 L 8.7185884,-4.0017078 C 6.9730900,-1.6296469 6.9831476,1.6157441 8.7185878,4.0337352 z "
transform="scale(0.6) rotate(180) translate(0,0)" />
</marker>
</defs>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="1. réteg"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-308.2677)"
style="display:inline">
<path
sodipodi:type="arc"
style="color:#000000;fill:#ffff7f;fill-opacity:1;stroke:#ff0000;stroke-width:0.42601788px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path3036"
sodipodi:cx="893.70605"
sodipodi:cy="617.27142"
sodipodi:rx="26.751734"
sodipodi:ry="26.751734"
d="m 903.98867,592.5748 c 9.97242,4.15209 16.46912,13.89436 16.46912,24.69662 l -26.75174,0 z"
transform="matrix(2.3424173,0,0,2.3522315,-1992.9325,-699.6031)"
sodipodi:start="5.1069165"
sodipodi:end="6.2831853" />
<path
style="fill:#ff7f00;fill-opacity:1;stroke:#ff7f00;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#Arrow2Mendyh)"
d="m 100,752.36218 850.39409,-0.5"
id="path2995"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#ff7f00;stroke-width:3;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker-end:url(#Arrow2MendA)"
d="m 100,1031.4102 0.50001,-696.32431"
id="path3001"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
<path
sodipodi:nodetypes="cc"
inkscape:connector-curvature="0"
id="path4983"
d="m 99.999995,752.36216 1.5e-5,200.26795"
style="fill:none;stroke:#000000;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:0;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-end:url(#Arrow2Mend)" />
<path
style="fill:none;stroke:#000000;stroke-width:2;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
d="m 100,444.09448 c 27.44907,-68.02458 59.20304,-137.62081 100,-200 28.49953,-43.57623 57.87472,-89.39653 100,-120 29.04537,-21.10108 64.0989,-39.999998 100,-39.999998 35.9011,0 70.95463,18.898918 100,39.999998 42.12528,30.60347 71.50047,76.42377 100,120 40.79696,62.37919 70.74563,131.44537 100,200 38.89842,91.15446 66.66667,186.66667 100,280"
id="path5767"
inkscape:connector-curvature="0"
transform="translate(0,308.2677)"
sodipodi:nodetypes="caaaaaac" />
<g
id="g15516" />
<path
style="fill:#00ffff;fill-opacity:1;stroke:#0000ff;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:0;stroke-opacity:1;stroke-dasharray:none;marker-start:none;marker-end:url(#Arrow2Mendy)"
d="m 100,752.36218 97.322,-247.354"
id="path5747"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cc" />
<text
sodipodi:linespacing="125%"
id="text4804"
y="374.42151"
x="116.34017"
style="font-size:36px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:1.11000001px;word-spacing:0px;fill:#ff7f00;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
xml:space="preserve"><tspan
y="374.42151"
x="116.34017"
id="tspan4806"
sodipodi:role="line">Y</tspan></text>
<text
sodipodi:linespacing="125%"
id="text4808"
y="795.39862"
x="927.70691"
style="font-size:36px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:1.11000001px;word-spacing:0px;fill:#ff7f00;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
xml:space="preserve"><tspan
y="795.39862"
x="927.70691"
id="tspan4810"
sodipodi:role="line">X</tspan></text>
<path
sodipodi:type="arc"
style="color:#000000;fill:#ff0000;stroke:#000000;stroke-width:3.36906815px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
id="path6689"
sodipodi:cx="897.45239"
sodipodi:cy="374.10339"
sodipodi:rx="32.006149"
sodipodi:ry="32.006149"
d="m 929.45854,374.10339 c 0,17.67651 -14.32964,32.00615 -32.00615,32.00615 -17.67651,0 -32.00615,-14.32964 -32.00615,-32.00615 0,-17.6765 14.32964,-32.00615 32.00615,-32.00615 17.67651,0 32.00615,14.32965 32.00615,32.00615 z"
transform="matrix(0.29681796,0,0,0.29681796,-166.37999,641.32158)" />
<g
style="font-size:36px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:1.11000001px;word-spacing:0px;fill:#0000ff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
id="text6691">
<path
d="m 123.15146,612.4632 -7.52344,-18.66797 5.18555,0 3.51562,9.52734 1.01953,3.18164 c 0.26953,-0.80859 0.43945,-1.34179 0.50977,-1.59961 0.16405,-0.52733 0.33983,-1.05468 0.52734,-1.58203 l 3.55078,-9.52734 5.08008,0 -7.41797,18.66797 z"
style="font-weight:bold;fill:#0000ff;-inkscape-font-specification:Arial Bold"
id="path3084"
inkscape:connector-curvature="0" />
<path
d="m 137.55493,611.40224 c 0,-1.98049 0.20376,-3.5744 0.61129,-4.78176 0.40752,-1.20732 1.0131,-2.13854 1.81672,-2.79364 0.80362,-0.65507 1.81482,-0.98261 3.03359,-0.98263 0.89883,2e-5 1.68722,0.18093 2.36517,0.54273 0.67793,0.36184 1.2378,0.88362 1.67961,1.56536 0.4418,0.68176 0.78838,1.51204 1.03976,2.49085 0.25136,0.97883 0.37705,2.29853 0.37706,3.95909 -1e-5,1.96527 -0.20187,3.55157 -0.60557,4.7589 -0.40373,1.20735 -1.0074,2.14047 -1.81102,2.79936 -0.80363,0.6589 -1.81863,0.98834 -3.04501,0.98834 -1.61487,0 -2.88315,-0.57891 -3.80484,-1.73674 -1.10451,-1.39396 -1.65676,-3.66391 -1.65676,-6.80986 z m 2.1138,0 c 0,2.74985 0.32183,4.5799 0.96549,5.49016 0.64366,0.91027 1.43776,1.36541 2.38231,1.3654 0.94454,10e-6 1.73864,-0.45703 2.38231,-1.37111 0.64365,-0.91407 0.96548,-2.74222 0.96549,-5.48445 -1e-5,-2.75745 -0.32184,-4.58941 -0.96549,-5.49588 -0.64367,-0.90644 -1.44539,-1.35967 -2.40516,-1.35969 -0.94455,2e-5 -1.69866,0.39993 -2.26234,1.19973 -0.70841,1.02073 -1.06261,2.90601 -1.06261,5.65584 z"
style="font-size:65.00091553%;baseline-shift:sub;fill:#0000ff"
id="path3086"
inkscape:connector-curvature="0" />
</g>
<text
xml:space="preserve"
style="font-size:36px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:1.11000001px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"
x="68.307388"
y="860.3139"
id="text6699"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan6701"
x="68.307388"
y="860.3139"
style="font-weight:bold;-inkscape-font-specification:Arial Bold">g</tspan></text>
<text
xml:space="preserve"
style="font-size:36px;font-style:oblique;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:1.11000001px;word-spacing:0px;fill:#0000ff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial Oblique"
x="123.86403"
y="738.86432"
id="text3842"
sodipodi:linespacing="125%"><tspan
sodipodi:role="line"
id="tspan3844"
x="123.86403"
y="738.86432">α</tspan></text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

52
2020-21-1-04/Megoldas/script.js Normal file
View File

@ -0,0 +1,52 @@
const GRAVITY = 9.81;
const PI = Math.PI
function szamol(event){
event.preventDefault();
var v0 = Number(document.getElementById("v0").value);
var a = Number(document.getElementById("a").value);
var rows = [];
var prev = Array.from(document.getElementsByClassName("results"))
for(i in prev){
prev[i].remove();
}
var time = 0.000;
do{
x = calcx(v0, time, a);
y = calcy(v0, time, a);
var row = document.createElement("tr");
row.classList = "results";
var cel1 = document.createElement("td")
cel1.textContent = time;
row.appendChild(cel1)
var cel2 = document.createElement("td")
cel2.textContent = x;
row.appendChild(cel2)
var cel3 = document.createElement("td")
cel3.textContent = y;
row.appendChild(cel3)
document.getElementById("outputtable").appendChild(row);
console.log(row)
time = Math.round(time*1000+100)/1000
}while(calcy(v0, time, a) > 0)
}
function calcx(v0, t, a){
a = a*(PI/180)
var x = v0 * t * Math.cos(a);
x = Math.round(x*1000)/1000
return x;
}
function calcy(v0, t, a){
a = a*(PI/180)
var y = v0 * t * Math.sin(a) - (GRAVITY/2 * Math.pow(t, 2));
y = Math.round(y*1000)/1000
return y;
}

12
2020-21-1-04/Megoldas/style.css Normal file
View File

@ -0,0 +1,12 @@
h1{
letter-spacing: .5vw;
text-transform: uppercase;
margin: 2px 0px;
}
img{
width: 33%;
max-width: 15cm;
min-width: 5cm;
}