ASK_FSK_LOGIN/fm.php at main · vlabsproject/ASK_FSK_LOGIN · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VLABS</title>
    <!-- <link rel="stylesheet" type="text/css" href="css/fm.css"> -->
    <style>
          <?php include "css/fm.css" ?>
          <?php include "css/navbar.css" ?>
        </style>
</head>
<body>
    <div class="logo">
        <img src="images/logobgr.png"  alt="">
    </div>
    <div class="Vlabs">
        <span>VLABS</span>
    </div>
    <div class="User">
        <span style="text-transform:capitalize">Profile Name - <?php echo $_SESSION['username']?></span>
    </div>
    <div class="Signoutbutton">
        <span><a href="logout.php" style="text-decoration:none;color:#ffffff;">Sign Out</a></span>
    </div>
    <div class="homeButton">
        <a href="home.php" style="text-decoration:none;color:#ffffff;">Home</a>
    </div>
    <div class="line1"> </div>
    <div class="linetwo"> </div>
    <div class="labtitle">Frequency Modulation</div>
    <!-- <a href="ask.php" class="next"> Next</a> -->
    <a href="am.php" class="back"> Back</a>
    <div class="bluewrapper"> </div>
    <div class="navbar" id="navbar" style="width: 1500px;
    margin-top: 22px; position:absolute">
        <ul>
            <li id="item-1"><a href="#">Home</a></li>
            <li id="item-2"><a href="#">About Us</a></li>
            <li id="item-3"><a href="#">Contact</a></li>
            <li id="item-4"><a href="#">Services</a></li>
        </ul>
    </div>

<!-- Instructions -->
<!--<div class="topContainer">Instructions</div>-->
<div class="wrapper">
    <div class="titleinstruction"> Instruction</div>
    <div class="midContainer1">
         1. First Turn on 8 Bit Variable data generator using power switch which helps to generate the data signal from given data <br><br>
        2. Change the orientation of data switch as per your data, for 0 toggle it up to vice versa.<br><br>

        3.Check the data again from S0 to S7 bit and the amplitude and frequency of message signal.<br>
    </div>
    <div class="midContainer2">
       4.Click on RUN button to generate the ASK signal <br><br>

        5.Observe the graph and download it from right to top corner of graph in png,jpeg,and pdf format.<br><br>

        6.To decode the ASK signal click the decode button shown below.<br>
    </div>
</div>

<div class="linethree"> </div>
<div class="linefour"> </div>
<div class="titlesimulation"> Simulation</div>
<!-- SECTION ONE  -->


<div class="blueblockone"> </div>
<div class="smallwhiteblockone">
<canvas id="amMessage" width="550" height="360"></canvas>
</div>
<div class="Elementsone"> Message Signal</div>
<div class="lineoneelement"> </div>
<div class="twoelements"> Message Signal Amplitude
<input id="mess_amp_input" type="range" min="0" value="0" max="10" step="1" />
 <div class="MSAvalue"> <p> <output id="value_1"></output></p></div>
 <div class="voltagesone">Volts</div>
</div>


<div class="hertone">Hz</div>
<div class="Threeelements"> Message Signal frequency
    <input id="mess_freq_input" type="range" min="0" value="0" max="1" step="0.05" />
    <div class="MSFvalue"> <p><output id="value_2"></output></p></div>

</div>

<!-- SECTION TWO  -->
<div class="blueblocktwo"> </div>
<div class="linenumbertwo"> </div>
<div class="smallwhiteblocktwo">
<canvas id="amCarrier"  width="550" height="360"></canvas>
</div>
<div class="Elementstwo"> Carrier Signal</div>

<div class="twoelementssec2">Carrier Signal Amplitude
<input id="carr_amp_input" type="range" min="0" value="0" max="10" step="1" />
</div>
<div class="CSAvalue"><p> <output id="value_3"></output></p>    </div>
<div class="voltagestwo">Volts</div>
<div class="Threeelementssec2"> Carrier Signal frequency
<input id="carr_freq_input" type="range" min="0" value="0" max="10" step="0.5" />
<div class="CSFvalue"> <p> <output id="value_4"></output></p></div>
<div class="herttwo">Hz</div>
</div>

<!-- SECTION THREE  -->
<div class="blueblockthree"> </div>
<div class="smallwhiteblockthree">
    <canvas id="fmModulated"  width="550" height="360"></canvas>
</div>
<div class="Elementsthree"> Message Signal</div>
<div class="thirdElementline"> </div>
<div class="twoelementssec3">Result:- Critical Modulation</div>
<!-- ye agar perfectly   modulated rahega toh use 2BFF09
     agar under modulated rahega toh use EBFF00
    aur agar over modulated rahega toh use  E32727-->

    <div class="footer"> </div>
<!-- <script src="scripts/fm.js"></script> -->
<script>
          <?php include "scripts/fm.js" ?>
    </script>
</body>
</html>