Mühendislik Notları

2 Eylül 2019 Pazartesi

Javascript Dijital Saat

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="clock">
<div class="container">
<p id="day"></p>
<p id="hour"></p>
</div>
</div>
<script>
window.onload = function Time() {
var clock = new Date();
var d = clock.getDay();
var h = clock.getHours();
var m = clock.getMinutes();
var s = clock.getSeconds();

function setTime(x) {
if (x < 10) {
x = "0" + x;
}
return x;
}
m = setTime(m);
s = setTime(s);
var days = [
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
];
setInterval(Time, 1000);
document.getElementById("day").innerHTML = "Today is: " + days[d];
document.getElementById("hour").innerHTML =
"Times is:" + h + ":" + m + ":" + s;
};

</script>
</body>
</html>

26 Ağustos 2019 Pazartesi

Javascript Asal Sayı Kontrolü

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="Test.css" type="text/css" />
<script type="text/javascript" src="Test.js"></script>
</head>
<style>
.container {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 0;
left: 0;
bottom: 0;
top: 0;
background-image: linear-gradient(
to right,
rgba(255, 0, 0, 0),
rgba(255, 0, 0, 1)
);
}
#val {
width: 25%;
height: 3%;
font-size: 15px;
box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.5);
}
#val:hover {
background-color: aqua;
}
#val:focus {
background-color: yellow;
color: green;
}
#asal {
position: absolute;
left: 63.5%;
height: 4%;
box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.5);
padding-left: 5px;
border-radius: 15px;
}
#AsalBas {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
right: 0;
left: 0;
top: 30%;
font-family: sans-serif;
font-size: 30px;
}
</style>
<body>
<h2 id="AsalBas">Asal Sayı Kontrolü</h2>
<div class="container">
<input id="val" type="number" value="0" />
<button type="button" id="asal" onclick="asal(this.value)">
Click
</button>
</div>
<script type="text/javascript">
function asal() {
var sayac = 0;
var deger = document.getElementById("val").value;
var i, j;

for (i = 2; i < deger; i++) {
if (deger % i == 0) {
sayac++;
}
}
if (deger != 1 && deger != 0) {
if (sayac == 0 || deger == 2) {
alert("2Asaldır.");
} else {
alert("2Asal değildir.");
}
} else {
alert("Girilen parametre degeri 1 veya 0 olmamalıdır.");
}
}
</script>
</body>
</html>

28 Ocak 2019 Pazartesi

LABVİEW Nedir?

Labview; milyonlarca mühendisin ve bilim adamının kullandığı grafiksel programlama dili arabirimidir.

Labview; küçük grafiksel ikonlar ve kablolar ile akış diyagramları hazırlamaya ve yapacağınız programları nesne tabanlı kullanarak birçok küçük programları birleştirmeye yaramaktadır. Metin tabanlı dillerden ziyade kullanımı daha kolay ve algoritma geliştirmek için daha görsel bir platform sunmaktadır. 1986 yılından bugüne kadar her türlü platformda kullanılabilir hale gelmiştir.

Test ölçme ve kontrol sistemlerinin vazgeçilmezi olmayı hedefleyen Labview, National Instrument bünyesinde geliştirilen veri toplama kartları, modüler enstrümantasyon sistemleri, kompakt kartlar ile dünya piyasasında önemli yer edinmiştir.

LabVIEW genel görünümü

Test, ölçüm, veri oluşturma, işleme ve izlenmesinde kullanılan LabVIEW, içeriğinde bulunan otomasyon ve ölçme devre elemanları fonksiyonlarının ekranda birbirlerine bağlanması şeklinde kullanılır. LabVIEW’in kullandığı dil G dili olarak anılmaktadır. LabVIEW bazı kısıtlamalar dışında, C ve PASCAL gibi dillerle yapılabilecek hemen hemen her türlü bilimsel uygulamaya yatkındır.

Yapısı

LabVIEW iki kısımdan oluşur: Ön Panel ve Blok Diyagram. Ön panel kullanıcı ara yüzüdür. LabVIEW ile oluşturulacak uygulamayı kullanacak olan operatörün sisteme değerler girmesine ve çıkışları görmesine yardımcı olur.

Blok diyagram ise esas işlemlerin yapıldığı yerdir. Ön panelde kullanıcı bir taraftan kontrolü sağlarken, diğer taraftan blok diyagramda sanal enstrümanlar çalışmaktadır. Ayrıca NI firmasının geliştirdiği donanım ile gerçek sistemlere hükmedebilmektedir. Blok diyagram görsel programlama dillerinde kod yazma bölümüne, ön panel ise kullanıcı ara yüzünün hazırlandığı formlara karşılık gelmektedir.

Özellikleri

LabVIEW, üretkenliği arttırarak geliştirmeye harcanan zamanı azaltır. LabVIEW, bilgisayar ve enstrümantasyon donanımına yapılan parasal yatırımı korur. Ayrıca, kendi çözümlerini geliştirebilmeleri için daha geniş kullanıcı kitlesini yetkilendirir. Daha karmaşık geliştirme araçlarına gerek kalmadan bütün işlemlerimizi tamamlayabilme esnekliğine sahiptir. Eklenen güçlü araçlar ile karmaşık geliştirme işlemlerini basitleştirir.

Hızlı programlama, programın adım adım çıkışlarını görebilme, paralel program sürdürebilme, işletim sistemi konusunda hiçbir sıkıntı yaşamama gibi özellikleriyle öne çıkan Labview pratik çözüm için uygun bir programdır. Matlab, mathscript gibi dillerin kodlarını kendi içerisinde çalıştırabilme özelliğine de sahip olmasıyla hem akademik hem endüstriyel çalışmalarda mukayese imkanı sunmaktadır.

Kullanıldığı Yerler

Medikal uygulamalar, Otomasyon, Gıda uygulamaları, Otomotiv, Scada Uygulamaları, İşaret İşleme, Jeolojik veri analizleri, İstatistik, Matematik, Enerji analizi, Robotik gibi çok geniş bir alana hitap ettiğinden dolayı günden güne kullanım oranı artmaktadır.

Dünya üzerinde 5 kıtada her sektörden birçok şirket AR-GE çalışmalarında ve üretimlerinde LabVIEW programından faydalanmaktadırlar

LabVİEW Uygulamaları

Eşzamanlı hızlanan görüntü elde etme, yer çekimi olmayan bir NASA araştırma aracında sıcaklık verileri okumak ve analog gerilim elde etmek için ortam şartlarına dayanıklı bir bilgisayar içinde bir DAQ kart ile birlikte LabVIEW kullanılmıştır.

Bir başka uygulamada yol üstündeki motorun, sürücü ve test görevlisinin denemeleri sırasında durma süresi, fren sıcaklığı ve daha birçok veri hakkında bilgi verecek fren testleri için bir veri elde etme sistemi geliştirmek istenmiştir. Bu amaçla sağlam bir çalışma bilgisayarı, sinyal durum donanımı ve yolda DAQ sistem geliştirmek için bir giriş çıkış sürücüsü olan LabVIEW yazılımı ve NI donanımları kullanılmıştır.

Örnek Uygulama

Aşağıda ön panel ve blok diyagramı gösterilen örnek bir uygulama sanal enstrümanı gösterilmiştir. Sanal enstrüman ile dış ortamdan alınacak bir sinyalin blok diyagrama alınarak, gösterilmesi amaçlanmıştır. Bu sinyal bir sıcaklık bilgisi olabileceği gibi seviye veya gerilme bilgisi de olabilir. Ayrıca alt ve üst sınırlar belirlenerek, üst sınır aşıldığında veya alt sınırın altına inildiğinde kullanıcı ledler yardımıyla uyarılmaktadır.

Örnek Uygulama Sanal Enstrüman Blok Diyagramı

Örnek Uygulama Sanal Enstrüman Ön Paneli

2 Ocak 2019 Çarşamba

Javascript ile Resimlerde Slider

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<style>

</style>
<body>

<div>
<button onclick="prev()"> Prev </button>
<img id="slider" src="a.jpg" width="200px" height="150px"/>
<button onclick="next()"> Next </button>
</div>
<script>
var images = [ "a.jpg", "b.jpg" ];
var sayi=0;
function next(){
var slider=document.getElementById("slider");
sayi++;
if(sayi>=images.length){
sayi=0;
}
slider.src=images[sayi];
}
function prev(){
var slider=document.getElementById("slider");
sayi--;
if(sayi<0){
sayi=images.length-1;
}
slider.src= images[sayi];
}
</script>
</body>
</html>

24 Aralık 2018 Pazartesi

Javascript Toplama İşlemi

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<style>
</style>
<body>

<p><input type="text" id="veri1" name="veri1"></p>
<p><input type="text" id="veri2" name="veri2"></p>
<p id="demo"></p>

<script type="text/javascript">
var result=document.getElementById("demo");
times=setInterval(toplam, 1000);
function toplam(){
var data1, data2,sonuc;
data1=Number(document.getElementById("veri1").value);
data2=Number(document.getElementById("veri2").value);
sonuc=data1+data2;
result.innerHTML=sonuc;
}
</script>
</body>
</html>

19 Aralık 2018 Çarşamba

Javascript ile Tek Sayıları Ekrana Yazdırma

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<style>
</style>
<body>
<input type="text" value="0" id="deger">
<button type="button" onclick="eylem()">Click Me</button>
<p id="result"></p>

<script type="text/javascript">

function eylem(){
var x= Number(document.getElementById("deger").value);
var text=" ";
var i;
for(i=0; i<=x; i++){
if(i%2==0){
continue;
}
text +=i+"<br>"
}
document.getElementById("result").innerHTML=text;
}
</script>
</body>
</html>

Javascript Yön Tuşları Kullanma

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body id="bdy">
<style>
#Container{
box-sizing: border-box;
width: 600px;
height: 600px;
border: 3px solid gray;
position: relative;
}
#Container #ContainerInside{
box-sizing: border-box;
width: 48px;
height: 48px;
background-color:yellow;
position: absolute;
}
</style>

Sonuc:
<input type="button" value="0" id="sonuc">
<input type="button" value="0" id="sonuc1">
<div id="Container">
<div id="ContainerInside"></div>
</div>

<script>

var pos1=0, pos2=0;
document.onkeydown=function keyKontrol(e){
var keyKod=e.which;

var box= document.getElementById("ContainerInside");
var tuval= document.getElementById("Container");
var sonuc= document.getElementById("sonuc");
var sonuc1= document.getElementById("sonuc1");

if(keyKod == 37){
if(pos1>0)
sonuc.value=Number(sonuc.value)-50;
pos1= sonuc.value;
box.style.left= pos1 + "px";
console.log("37: "+pos1);
}

if(keyKod == 38){
if(pos2>0)
sonuc1.value=Number(sonuc1.value)-50;
pos2= sonuc1.value;
box.style.top= pos2 + "px";
console.log("38: "+pos2);
}

if(keyKod == 39){
if(pos1<550)
sonuc.value=Number(sonuc.value)+50;
pos1= sonuc.value;
box.style.left= pos1 + "px";
console.log("39: "+pos1);
}

if(keyKod == 40){
if(pos2<550)
sonuc1.value=Number(sonuc1.value)+50;
pos2= sonuc1.value;
box.style.top= pos2 + "px";
console.log("40: "+pos2);
}
console.log("sonuc1: "+sonuc.value);
console.log("sonuc2: "+sonuc1.value);
}
</script>
</body>
</html>