Javascript Programlama Dilini Öğrenmek İsteyenler

[linkler sadece üyelerimize görünmektedir.] hocam, "neden sadece aşağı alana yazı yazabiliyoruz? sorunun üzerinde karalama yapabilesek daha güzel olur." diye aşağıdaki değişikliği yaptım.

bu arada madem başlığımız javascript öğrenmek, o zaman değişikliği nasıl yaptığımı anlatayım. öncelikle bu değişikliklerin javascript ile alakası yok. html ve css ile yapılıyor. canvası şeffaf yapıp(css:backgroud değerini sil), yukarı orta panele alıp(html basit yer değişikliği), boyutu uzatılıp(css:height:100%), diğer divlerin üzerinde görünmesi(css:position absolute;z-index:200) sağlandı. aşağıda beyaz alan canvas tarafından oluşturuluyordu.o gittiğine göre aynı özelliklere sahip bir div eklenerek, görüntü düzeltildi. yapılan değişiklikler bu kadar.

[linkler sadece üyelerimize görünmektedir.] hocam, "neden sadece aşağı alana yazı yazabiliyoruz? sorunun üzerinde karalama yapabilesek daha güzel olur." diye aşağıdaki değişikliği yaptım.

bu arada madem başlığımız javascript öğrenmek, o zaman değişikliği nasıl yaptığımı anlatayım. öncelikle bu değişikliklerin javascript ile alakası yok. html ve css ile yapılıyor. canvası şeffaf yapıp(css:backgroud değerini sil), yukarı orta panele alıp(html basit yer değişikliği), boyutu uzatılıp(css:height:100%), diğer divlerin üzerinde görünmesi(css:position absolute;z-index:200) sağlandı. aşağıda beyaz alan canvas tarafından oluşturuluyordu.o gittiğine göre aynı özelliklere sahip bir div eklenerek, görüntü düzeltildi. yapılan değişiklikler bu kadar.

Çok teşekkür ederim. Her çözdüğüm soruda bu eksiği hissetmiştim. Olmaz diye düşündüğümden hiç dile getirmedim. Çözmüşsünüz bu eksiği. Bu haliyle çok daha güzel olmuş.

[linkler sadece üyelerimize görünmektedir.] hocam, sanırım bunu yapmasam olmazdı. problem çöz'de yazı alanını tamamını alacak şekilde büyüttüm.
hazır başlamışken hep rastgele soru getirmesin, istersem sıradan gideyim diye "YENİ" düğmesinin işlevini değiştirip rastgele ve baştan düğmelerini ekledim. yer açmak için kız erkek seçimlerini değiştirip, tahtayı tamamen temizlemek için temizle işlevini ekledim.
Not: rastgele işleminde aynı sorular gelmesin diye çıkanlar hafızaya alınır. önce rastgele sorular seçip sonra sıradan sorular seçmeye başlarsanız bile çıkan soruları atlar. yani : 1-2-3-8-15.. diye gittiğini görebilirsiniz. bunun olmasını istemiyorsanız "baştan" düğmesine basmalısınız.

bir de istediğimiz soruya gidebilmek için ek yaptım.

bir de isteyen varsa ÖBA da uzaktan hizmetiçi eğitim olarak 07/10/2024 - 08/11/2024 tarihleri arasında Javascript kursu var. son başvuru 08/09/2024. daha önce HTML kursuna katılmış biri olarak ÖBA'nın kurslarını başarılı buluyorum. fakat tarih biraz uzak. o zamana unutmazsam bu kursa da katılırım.

[linkler sadece üyelerimize görünmektedir.] hocam, sanırım bunu yapmasam olmazdı. problem çöz'de yazı alanını tamamını alacak şekilde büyüttüm.
hazır başlamışken hep rastgele soru getirmesin, istersem sıradan gideyim diye "YENİ" düğmesinin işlevini değiştirip rastgele ve baştan düğmelerini ekledim. yer açmak için kız erkek seçimlerini değiştirip, tahtayı tamamen temizlemek için temizle işlevini ekledim.
Not: rastgele işleminde aynı sorular gelmesin diye çıkanlar hafızaya alınır. önce rastgele sorular seçip sonra sıradan sorular seçmeye başlarsanız bile çıkan soruları atlar. yani : 1-2-3-8-15.. diye gittiğini görebilirsiniz. bunun olmasını istemiyorsanız "baştan" düğmesine basmalısınız.

bir de istediğimiz soruya gidebilmek için ek yaptım.

Bütün alana çizim yapabilmek çok güzel. Diğer değişiklikler için de ayrıca çok teşekkür ederim.

[linkler sadece üyelerimize görünmektedir.] hocam, sanırım bunu yapmasam olmazdı. problem çöz'de yazı alanını tamamını alacak şekilde büyüttüm.
hazır başlamışken hep rastgele soru getirmesin, istersem sıradan gideyim diye "YENİ" düğmesinin işlevini değiştirip rastgele ve baştan düğmelerini ekledim. yer açmak için kız erkek seçimlerini değiştirip, tahtayı tamamen temizlemek için temizle işlevini ekledim.
Not: rastgele işleminde aynı sorular gelmesin diye çıkanlar hafızaya alınır. önce rastgele sorular seçip sonra sıradan sorular seçmeye başlarsanız bile çıkan soruları atlar. yani : 1-2-3-8-15.. diye gittiğini görebilirsiniz. bunun olmasını istemiyorsanız "baştan" düğmesine basmalısınız.

bir de istediğimiz soruya gidebilmek için ek yaptım.

[linkler sadece üyelerimize görünmektedir.] hocam, bugün sınıfta hem resimli olan hem de text'ten veri alan problemler programını kullandım. Çocuklar problemleri çözmeye çalışırken tahtanın birden fazla noktasına aynı anda dokunabiliyorlar. Bu da anlamsız çizgilerin oluşmasını sağlıyor. Bu sorunu çözmenin bir yolu var mı acaba?

[linkler sadece üyelerimize görünmektedir.] hocam, bugün sınıfta hem resimli olan hem de text'ten veri alan problemler programını kullandım. Çocuklar problemleri çözmeye çalışırken tahtanın birden fazla noktasına aynı anda dokunabiliyorlar. Bu da anlamsız çizgilerin oluşmasını sağlıyor. Bu sorunu çözmenin bir yolu var mı acaba?

bunun sebebi çoklu dokunmatik desteklemeyen bir tarayıcı kullanmanız olabilir(mesela seamonkey veya eski sürüm tarayıcılar.) güncel bir chrome veya firefox tarayıcı kullanırsanız sorun olmayacağını düşünüyorum.
bugün okulda ben de denedim(windows ve pardusta) sorun çıkmadı. hatta aynı anda iki öğrenci tahtada yazı yazabiliyordu. fakat windowsta güncelleme yapamadığım için firefox eski sürümde kalmış.o bazı sorunlar çıkarıyordu.

bunun sebebi çoklu dokunmatik desteklemeyen bir tarayıcı kullanmanız olabilir(mesela seamonkey veya eski sürüm tarayıcılar.) güncel bir chrome veya firefox tarayıcı kullanırsanız sorun olmayacağını düşünüyorum.
bugün okulda ben de denedim(windows ve pardusta) sorun çıkmadı. hatta aynı anda iki öğrenci tahtada yazı yazabiliyordu. fakat windowsta güncelleme yapamadığım için firefox eski sürümde kalmış.o bazı sorunlar çıkarıyordu.

Ben chrome kullanıyorum. Yarın güncelleme yapmayı deneyeceğim.

Ben chrome kullanıyorum. Yarın güncelleme yapmayı deneyeceğim.

hocam, güncelleme şöyle yapılıyor:
1) ayarlar->yardımdan "chrome hakkında" düğmesine basıyoruz.
2) açılan kısımda chrome'num sürümü görünüyor.

win7ve 8 için son sürüm 109. eğer bu sürümdeyse güncelle düğmesi görünmez.
(eğer linux kullanıyorsanız güncellemeyi buradan yapamazsınız.linux'ta güncelleme yapabilmek için chrome'nin sitesine gidin ve oradan deb paketin indirin ve kurun.)

eğer chrome 109. sürümde olduğu halde çoklu dokunmatiği desteklemiyorsa o zaman sorun tarayıcıda değil, işletim sisteminin kendisindedir.sistem çoklu dokunmatik desteklemiyordur. o zaman ise yapılabilecek çok birşey kalmıyor. sadece 2 noktaya aynı anda dokunmamak gerekiyor.

hocam, güncelleme şöyle yapılıyor:
1) ayarlar->yardımdan "chrome hakkında" düğmesine basıyoruz.
2) açılan kısımda chrome'num sürümü görünüyor.

win7ve 8 için son sürüm 109. eğer bu sürümdeyse güncelle düğmesi görünmez.
(eğer linux kullanıyorsanız güncellemeyi buradan yapamazsınız.linux'ta güncelleme yapabilmek için chrome'nin sitesine gidin ve oradan deb paketin indirin ve kurun.)

eğer chrome 109. sürümde olduğu halde çoklu dokunmatiği desteklemiyorsa o zaman sorun tarayıcıda değil, işletim sisteminin kendisindedir.sistem çoklu dokunmatik desteklemiyordur. o zaman ise yapılabilecek çok birşey kalmıyor. sadece 2 noktaya aynı anda dokunmamak gerekiyor.

Bugün chrome'u güncelledim. Hem chrome'da hem de firefox'ta programları denedim, çoklu dokunmada herhangi bir sorun olmadı. Teşekkür ederim.

Merhaba [linkler sadece üyelerimize görünmektedir.] hocam. PDFlerden kırptığım png uzantılı soruları bir a4 veya a5 kağıdına tek veya iki sütun şeklinde otomatik yerleştiren, soruların arasındaki mesafeyi ayarlayabileceğimiz ve ve istediğimizde soruların yerini karıştıran bir uygulama yapılabilir mi?

Yazdır özelliğine de sayı girip bu sayı kadar soruların yerlerinin değiştiği pdf çıktısı alma ayarı eklenebilir mi?

Öğrencilerin sınav esnasında birbirlerine bakmamaları böylece öğrenmelerini doğru takip için böyle bişey aklıma geldi.

[linkler sadece üyelerimize görünmektedir.] diye bir site var, oldukça kullanışlı ancak sayfa boyutunu pro kullanıcı olmadan ayarlayamıyorsunuz  ve soruları karıştırma işlevi yok.

Böyle bir uygulama yapmayı düşünürseniz fikir vermesi açısından işinize yarayabilir.

...
[linkler sadece üyelerimize görünmektedir.] diye bir site var, oldukça kullanışlı ancak sayfa boyutunu pro kullanıcı olmadan ayarlayamıyorsunuz  ve soruları karıştırma işlevi yok.
...

wow, bu site çok güzelmiş. 5 dakikada A-B kitapçığı ve optik formu olan sınav hazırladım. pdf'den kırpma aracı müthiş.online sınav hizmeti bile var.

bakayım, acaba ben neler yapabilirim.

[linkler sadece üyelerimize görünmektedir.] hocam, deneme 1. sürüm hazır, şu ana kadar yapamadığım:
1) yaprak test şeklini ayarlamadım. şu anda sadece sınav görünümü var.
yaptıklarım:
*çoklu resim seçme
*sınav sayfası oluşturma
*soruları karışık getirme
*seçtiğim sayı kadar soru ile sınav oluşturma
*cevap anahtarı
*seçili resimleri silebilme veya sırasını değiştirebilme.

küçük not: soruyu adlandırırken doğru seçeneği ismine ekleyebilirsiniz. böylece her sınav hazırlayacağınızda tekrar tekrar cevapları işaretlemek zorunda kalmazsınız. mesela 1-D.png, zorsoru-A.png,en acaip soru-C.png... gibi.

böyle isimlendirilmiş sorular yüklenir yüklenmez cevabı da yüklenir.

ayrıca cevap olarak sadece şık yazam zorunluluğu da yok. şıksız soru olabilir, cevabını  yazarak ekleyebilirsiniz.

soru numaralarını resmin üstüne gelecek şekilde ayarladım. mesela benim örneklerimde mevcut ayarla soru numaraları güzel oturdu. sizin sorularınızda soru numaraları tam yerine oturmazsa programı açıp aşağıdaki gösterdiğim yerden ince ayar yapmalısınız.left değerini eksi yaparak numarayı tamamen resmin dışına da alabilirsiniz.

soru sayısını 0 yaparsanız, tüm soruları ekler.

[linkler sadece üyelerimize görünmektedir.] hocam, emekleriniz için çok teşekkür ederim.

Programı biraz kurcaladım. Aşağıdaki durumlar düzeltilirse daha kullanışlı olur diye düşündüm.

1- Soru numarasının yeri resmin üzerine gelmeyecek şekilde sabitlenirse, örneğin resmin soluna. Uğraştım ama yapamadım. Bir de soru numarası istediğimiz renkte görünsün. Ben belirttiğiniz kısma font-color: red; diye bir kod ekledim olmadı.

2- Pdf dosyasına yazdırırken yazdırma sayısını kaç girersek girelim çıktı 1 sayfa olarak çıkıyor. Yazdırma sayısını 30 yazdığımızda 30 sayfalık ve her sayfasındaki soruların yeri değişmiş bir pdf dosyası çıktısı alınabilir mi?

3- Bir resmi sildiğimizde, resmin üzerindeki soru numarası sabit kalıyor. Eklediğim resimlerden birinde bu durumun ekran görüntüsünü aldım, bakabilirsiniz. Ayrıca soru resimlerinin sırasını değiştiremedim.

4- Sağ sütundaki soruların hizasını sol sütundakine denk gelecek şekilde ayarlanabilir mi? Düzen açısından iyi görünür.

Naçizane şimdilik önerilerim bunlar. Elinize emeğinize sağlık!

[linkler sadece üyelerimize görünmektedir.] hocam, detaylı incelemeniz için teşekkür ederim. deneme 2.

yazı rengini değiştirmek için "color" değeri kullanılıyor. "font-color" diye bir css değeri bulunmuyor.

not: soruları iki taraflı hizalamak mevcut durumda imkansız. tüm kodu baştan yazmam gerekir. onun yerine aralarda uygun boşluk bırakacak hale getirdim. chrome ile açın. firefoxta boşluklarda sorunlar olabiliyor.