HLSI/01_bw.html at master · vtwireless/HLSI · 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
<!DOCTYPE html>
<html lang="en-US" style="display: flex;">
<head>
    <title>HLSI Ex 1</title>
    <meta charset="UTF-8"/>
    <link rel="stylesheet" type="text/css" media="all" href="hlsi.css">
    <link rel=stylesheet type=text/css href=sidebar.css />
    <script src=d3.v5.min.js></script>
    <script src=fft.js></script>
    <script src=common.js></script>
    <script src=signal.js></script>
    <script src=sliders.js></script>
    <script src=powerSpectrumPlot.js></script>
    <script src=iqPlot.js></script>
</head>


<body style="margin:0;">
  <!-- <h2>Exercise 1 - Bandwidth</h2>
  <p><a href="index.html">[exercises]</a></p> -->


  <section class="banner" style="position: fixed; z-index: 11; background: rgba(0,0,0,0.85)">
    <label for="menu-control" class="hamburger">
      <i class="hamburger__icon"></i>
      <i class="hamburger__icon"></i>
      <i class="hamburger__icon"></i>
    </label>

    <input type="checkbox" id="menu-control" class="menu-control">

    <aside class="sidebar" style="z-index: 10;">

      <nav class="sidebar__menu">
        <a href="01_bw.html" class="selected"><b>1</b> Bandwidth</a>
        <a href="02_freq.html"><b>2</b> Frequency</a>
        <a href="03_gn.html"><b>3</b> Gain</a>
        <a href="04_freq_bw_gn.html"><b>4</b> Frequency, Bandwidth, and Gain</a>
        <a href="05_capacity.html"><b>5</b> Information Capacity</a>
        <a href="06_interference.html"><b>6</b> Interference and Information Capacity</a>
        <a href="07_capacity.html"><b>7</b> Information Capacity</a>
        <a href="08_capacity.html"><b>8</b> Information Capacity</a>
        <a href="09_capacity.html"><b>9</b> Information Capacity</a>
        <a href="10_capacity.html"><b>10</b> Information Capacity</a>
        <a href="11_pathloss.html"><b>11</b> Path Loss</a>
        <a href="12_pathloss_interference.html"><b>12</b> Path Loss with Interference</a>
        <a href="13_manual_avoidance.html"><b>13</b> Manual Interferer Avoidance</a>
        <a href="" onclick="alert('Exercise 14: reserved for future use')"><b>14</b> SAS (Spectrum Access System)</a>
        <a href="15_rule_based_avoidance.html"><b>15</b> Rule Based Interferer Avoidance</a>
        <a href="16_programmable_avoidance.html"><b>16</b> Programmable Interferer Avoidance</a>
        <a href="17_machine_learning_avoidance.html"><b>17</b> Machine Learning Interferer Avoidance</a>
        <a href="18_machine_learning_time_based_avoidance.html"><b>18</b> Machine Learning With Periodic Interferer Avoidance</a>
        <a href="19_rf_front_end_spectrum_sharing.html"><b>19</b> RF Front End Spectrum Sharing</a>
        <a href="20_rf_front_end_spectrum_sharing.html"><b>20</b> Programmable RF Front End Spectrum Sharing</a>
        <a href="21_rf_front_end_spectrum_sharing_with_interferer.html"><b>21</b> RF Front End Spectrum Sharing with Interferer</a>
        <a href="22_rf_front_end_spectrum_sharing_with_interferer.html"><b>22</b> Programmable Spectrum Sharing with Interferer</a>
        <a href="23_rf_front_end_spectrum_sharing_sliders_programmable.html"><b>23</b> RFFE Spectrum Sharing - Manual and Programmable</a>
        <a href="25_rf_front_end_spectrum_sharing_menu.html"><b>25</b> RFFE Spectrum Sharing - Calculate SINR options menu</a>
        <a href="26_rf_front_end_spectrum_sharing_ programmable.html"><b>26</b> RFFE Spectrum Sharing -- SINR Calculations Programmable</a>
      </nav>

      <label for="menu-control" class="sidebar__close"></label>


    </aside>

    <div style="margin-left: 6%; font-size: 1.3rem; margin-top: 0.3%; font-family: sans-serif; order: 1; width: inherit;"><span style="color: #ddd;">Exercise 1</span> Bandwidth (in time and frequency domains)</div>
    <div style="order: 2; margin-left: auto; margin-right: 2%; display: flex;">
      <span style="font-size: 250%; font-family: monospace; letter-spacing: 2px; margin-left: auto; margin-right: 5px; color: #e6d9ba;"></span>
      <div style="width: 20%;">
        <img style="width: 100%;" src="images/wireless-logo.png">
      </div>
    </div>
  </section>

  <div class="content-section" id="slider_1_parent" style="margin-left: 1%; margin-top:8%"></div>

</body>
<script>
'use strict';


// This sig contains all the constant parameters associated with the
// signal and also the 4 changing parameters (independent variables)
// sig.freq, sig.gn, sig.bw, and sig.mcs (center frequency, gain,
// bandwidth, and modulation scheme index), in addition to dependent
// variables sig.rate and sig.sinr.
//
var sig = Signal(conf.sig0);
var noise = Signal(conf.noise);
noise.gn = -60.0;

Slider(sig, 'bw', null, "slider_1_parent");

IQPlot(sig);

PowerSpectrumPlot();

</script>
</html>