diff --git a/1ano/iei/projeto/.idea/.gitignore b/1ano/iei/projeto/.idea/.gitignore new file mode 100644 index 0000000..b58b603 --- /dev/null +++ b/1ano/iei/projeto/.idea/.gitignore @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/1ano/iei/projeto/.idea/discord.xml b/1ano/iei/projeto/.idea/discord.xml new file mode 100644 index 0000000..d8e9561 --- /dev/null +++ b/1ano/iei/projeto/.idea/discord.xml @@ -0,0 +1,7 @@ + + + + + \ No newline at end of file diff --git a/1ano/iei/projeto/.idea/inspectionProfiles/Project_Default.xml b/1ano/iei/projeto/.idea/inspectionProfiles/Project_Default.xml new file mode 100644 index 0000000..25d56ab --- /dev/null +++ b/1ano/iei/projeto/.idea/inspectionProfiles/Project_Default.xml @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/1ano/iei/projeto/.idea/modules.xml b/1ano/iei/projeto/.idea/modules.xml new file mode 100644 index 0000000..5ccbd92 --- /dev/null +++ b/1ano/iei/projeto/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/1ano/iei/projeto/.idea/tema09.iml b/1ano/iei/projeto/.idea/tema09.iml new file mode 100644 index 0000000..0c8867d --- /dev/null +++ b/1ano/iei/projeto/.idea/tema09.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/1ano/iei/projeto/.idea/vcs.xml b/1ano/iei/projeto/.idea/vcs.xml new file mode 100644 index 0000000..c2365ab --- /dev/null +++ b/1ano/iei/projeto/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/1ano/iei/projeto/about.html b/1ano/iei/projeto/about.html new file mode 100644 index 0000000..64f627f --- /dev/null +++ b/1ano/iei/projeto/about.html @@ -0,0 +1,22 @@ + + + + + About + + + + + +

Introdução à Engenharia Informática

+

+

Integração de Componentes — Component Integration

+

(Popups - Graphics - Maps - Images)

+

+UA +

Tiago Garcia - 22/12/22

+
+ + + \ No newline at end of file diff --git a/1ano/iei/projeto/css/style.css b/1ano/iei/projeto/css/style.css new file mode 100644 index 0000000..21977b0 --- /dev/null +++ b/1ano/iei/projeto/css/style.css @@ -0,0 +1,19 @@ +/* style for the about page */ +.style_about { + color: black; + background-color: gray; + text-align: center; +} +/* Create two columns (left and right boxes) with the same size */ +/* Put map and image side by side */ +.columnleft { + float: left; + height: 450px; + width: 550px; + margin: 10px; +} +.columnright { + float: right; + height: 450px; + width: 550px; +} \ No newline at end of file diff --git a/1ano/iei/projeto/images/ua.png b/1ano/iei/projeto/images/ua.png new file mode 100644 index 0000000..6e4f6e5 Binary files /dev/null and b/1ano/iei/projeto/images/ua.png differ diff --git a/1ano/iei/projeto/index.html b/1ano/iei/projeto/index.html new file mode 100644 index 0000000..cddf5f0 --- /dev/null +++ b/1ano/iei/projeto/index.html @@ -0,0 +1,124 @@ + + + + + Integração de Componentes em Páginas WEB + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Popups

+ + + +

Charts

+
+ + + +

Maps

+
+
+
+ + +
+ +
+ + + +
+

Images

+
+
+ + +
+ Ups! +
+
+
+ + \ No newline at end of file diff --git a/1ano/iei/projeto/js/chart.js b/1ano/iei/projeto/js/chart.js new file mode 100644 index 0000000..854633c --- /dev/null +++ b/1ano/iei/projeto/js/chart.js @@ -0,0 +1,30 @@ +var type = "line"; // line graphic by default + +function graphic(element) { + let e = document.getElementById( "selection" ); + type = e.options[e.selectedIndex].value; +} + +function draw() { + $("#myGraph").highcharts({ + chart: { type: type }, + title: { text: "Temperatures Average" }, + xAxis: { categories: ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", + "Jul", "Ago", "Set", "Out", "Nov", "Dez"] + }, + series:[ + { + name: "Lisboa", + data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6] + }, + { + name: "Aveiro", + data: [5.0, 6.2, 8.4, 10.7, 13.5, 16.5, 16.9, 21.7, 22.7, 16.2, 12.5, 7.6] + }, + { + name: "Leiria - No Data", + data: [] + } + ] + }); +} \ No newline at end of file diff --git a/1ano/iei/projeto/js/image.js b/1ano/iei/projeto/js/image.js new file mode 100644 index 0000000..69b432f --- /dev/null +++ b/1ano/iei/projeto/js/image.js @@ -0,0 +1,7 @@ +function decreaseImage(element){ + let height = parseInt(element.style.height) - 10 ; + element.style.height = height+"px"; +} +function resetImage(element){ + element.style.height = "200px"; +} \ No newline at end of file diff --git a/1ano/iei/projeto/js/index.js b/1ano/iei/projeto/js/index.js new file mode 100644 index 0000000..e69de29 diff --git a/1ano/iei/projeto/js/map.js b/1ano/iei/projeto/js/map.js new file mode 100644 index 0000000..28bac3a --- /dev/null +++ b/1ano/iei/projeto/js/map.js @@ -0,0 +1,36 @@ +let map = new L.Map("myMap", {center: [40.633258,-8.659097],zoom: 15}); +let osmUrl="http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"; +let osmAttrib="Map data OpenStreetMap contributors"; +let osm = new L.TileLayer(osmUrl, {attribution: osmAttrib}); +map.addLayer(osm); + +map.on("click", showCoordinates); + +function showCoordinates(e){ + var s = document.getElementById("coordinates"); + s.innerHTML = "Latitude, Longitude = "+e.latlng.lat+", "+e.latlng.lng; +} + +let pontos = [ + L.marker([40.633258, -8.659097]), + L.marker([40.642729, -8.747899]) +] + +for (let i in pontos) { + pontos[i].addTo(map) +} + +L.marker([40.633258, -8.659097]).bindPopup("LABI@DETI").addTo(map); + +let grupo = new L.featureGroup(pontos); +map.fitBounds(grupo.getBounds()); + +let iconeUA = L.icon({ iconUrl: "images/ua.png" }); +L.marker([40.633258, -8.659097], {icon: iconeUA}).bindPopup("LABI@DETI").addTo(map); + +let reitoria = L.polygon( + [ [40.63102, -8.65793], [40.63149, -8.65731], + [40.63126, -8.65699], [40.63078, -8.65759] ], + { color: "red" } ); +reitoria.addTo(map); +reitoria.bindPopup("Reitoria") \ No newline at end of file