Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan İnternet Tabanlı Programlama ders notları. Temel HTML Etiketleri - Tablo, Form
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan İnternet Tabanlı Programlama ders notları.PHP ve Kullanıcı Girişlerinin İşlenmesi
HTML Formlar – Kullanıcı Girişlerinin İşlenmesi
GET ve POST farklılıklar
Sihirli cURL
Escaping user data
Dosyalar
Chapter 2-8085 Microprocessor Architecture and Microcomputer Systemscmkandemir
The 8085 microprocessor uses three separate busses - the address bus, data bus, and control bus - to perform operations. The 16-bit address bus allows the 8085 to access up to 64K memory locations. The 8-bit data bus transfers data between the microprocessor and memory or I/O devices in 8-bit chunks. The control bus consists of individual control signals that coordinate operations. Memory is organized into chips that are selected using address lines and chip select signals. This allows the microprocessor to access multiple memory chips within its 64K address range.
Chapter 1-Microprocessors, Microcomputers, and Assembly Languagecmkandemir
This document provides an introduction to microprocessors and assembly language programming. It discusses the basic components and organization of a microprocessor-based system including the microprocessor, memory, and input/output. It also covers number systems including decimal, binary, and hexadecimal. The document provides examples of simple programs and discusses the instruction set and machine language of microprocessors. The overall purpose is to introduce foundational concepts about microprocessor architecture and assembly language programming.
Canvas Öğrenme Yönetim Sistemi Kullanım Kılavuzu Bölüm 2cmkandemir
Eskişehir Osmangazi Üniversitesi Eğitim Fakültesi
Öğrenme Yönetim Sistemleri Dersi Ödev Raporu
Öğretim Üyesi: Yrd.Doç.Dr. Celal Murat KANDEMİR
Hazırlayanlar: Mehmet Mevlüt ODACI
Şükrü DUTAR
• Sınav Hazırlama ve Soru Bankası Seçenekleri
• İletişim Araçları(Danışmanlık Hizmetleri)
• Ödev/Portfolyo Araçları
• Yönetimsel Araçlar
• Diğer Araçlar
Canvas Öğrenme Yönetim Sistemi Kullanım Kılavuzu Bölüm 1cmkandemir
Eskişehir Osmangazi Üniversitesi Eğitim Fakültesi
Öğrenme Yönetim Sistemleri Dersi Ödev Raporu
Öğretim Üyesi: Yrd.Doç.Dr. Celal Murat KANDEMİR
Hazırlayanlar: Mehmet Mevlüt ODACI
Şükrü DUTAR
• Öğreten Rolleri
• Öğrenen Rolleri
• Öğretene Sunulan Araçlar
• Öğrenene Sunulan Araçlar
• Kullanıcı Hesabı Oluşturma
o Öğretmen Hesabı Oluşturma
o Öğrenci Hesabı Oluşturma
o Ebeveyn Hesabı Oluşturma
• Ders Oluşturma
• İçerik ve Etkinlik Çeşitleri ve Adımları
• Öğrenci İzleme Yöntemleri
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan Web Tasarım ders notları. impress.js Framework
Eskişehir Osmangazi Üniversitesi, Mühendislik-Mimarlık Fakültesi, Bilgisayar Mühendisliği, Advanced Programming. Face Detection In Java by Using OpenCV Lİb.
PHP ve MySQL Bağlantısı - Temel İşlemlercmkandemir
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan İnternet Tabanlı Programlama ders notları.PHP ve MySQL Bağlantısı, Temel Veritabanı İşlemleri; SELECT, INSERT, DELETE, UPDATE
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan Web Tasarım ders notları. CSS - Sunum Bileşenleri
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan İnternet Tabanlı Programlama ders notları.PHP ve Kullanıcı Girişlerinin İşlenmesi
HTML Formlar – Kullanıcı Girişlerinin İşlenmesi
GET ve POST farklılıklar
Sihirli cURL
Escaping user data
Dosyalar
Chapter 2-8085 Microprocessor Architecture and Microcomputer Systemscmkandemir
The 8085 microprocessor uses three separate busses - the address bus, data bus, and control bus - to perform operations. The 16-bit address bus allows the 8085 to access up to 64K memory locations. The 8-bit data bus transfers data between the microprocessor and memory or I/O devices in 8-bit chunks. The control bus consists of individual control signals that coordinate operations. Memory is organized into chips that are selected using address lines and chip select signals. This allows the microprocessor to access multiple memory chips within its 64K address range.
Chapter 1-Microprocessors, Microcomputers, and Assembly Languagecmkandemir
This document provides an introduction to microprocessors and assembly language programming. It discusses the basic components and organization of a microprocessor-based system including the microprocessor, memory, and input/output. It also covers number systems including decimal, binary, and hexadecimal. The document provides examples of simple programs and discusses the instruction set and machine language of microprocessors. The overall purpose is to introduce foundational concepts about microprocessor architecture and assembly language programming.
Canvas Öğrenme Yönetim Sistemi Kullanım Kılavuzu Bölüm 2cmkandemir
Eskişehir Osmangazi Üniversitesi Eğitim Fakültesi
Öğrenme Yönetim Sistemleri Dersi Ödev Raporu
Öğretim Üyesi: Yrd.Doç.Dr. Celal Murat KANDEMİR
Hazırlayanlar: Mehmet Mevlüt ODACI
Şükrü DUTAR
• Sınav Hazırlama ve Soru Bankası Seçenekleri
• İletişim Araçları(Danışmanlık Hizmetleri)
• Ödev/Portfolyo Araçları
• Yönetimsel Araçlar
• Diğer Araçlar
Canvas Öğrenme Yönetim Sistemi Kullanım Kılavuzu Bölüm 1cmkandemir
Eskişehir Osmangazi Üniversitesi Eğitim Fakültesi
Öğrenme Yönetim Sistemleri Dersi Ödev Raporu
Öğretim Üyesi: Yrd.Doç.Dr. Celal Murat KANDEMİR
Hazırlayanlar: Mehmet Mevlüt ODACI
Şükrü DUTAR
• Öğreten Rolleri
• Öğrenen Rolleri
• Öğretene Sunulan Araçlar
• Öğrenene Sunulan Araçlar
• Kullanıcı Hesabı Oluşturma
o Öğretmen Hesabı Oluşturma
o Öğrenci Hesabı Oluşturma
o Ebeveyn Hesabı Oluşturma
• Ders Oluşturma
• İçerik ve Etkinlik Çeşitleri ve Adımları
• Öğrenci İzleme Yöntemleri
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan Web Tasarım ders notları. impress.js Framework
Eskişehir Osmangazi Üniversitesi, Mühendislik-Mimarlık Fakültesi, Bilgisayar Mühendisliği, Advanced Programming. Face Detection In Java by Using OpenCV Lİb.
PHP ve MySQL Bağlantısı - Temel İşlemlercmkandemir
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan İnternet Tabanlı Programlama ders notları.PHP ve MySQL Bağlantısı, Temel Veritabanı İşlemleri; SELECT, INSERT, DELETE, UPDATE
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan Web Tasarım ders notları. CSS - Sunum Bileşenleri
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan Web Tasarım ders notları. CSS - Sunum Bileşenleri
Kod Akış Kontrolü - Döngüler, Fonksiyonlarcmkandemir
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan İnternet Tabanlı Programlama ders notları.Döngüler ve fonksiyonlar
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan Web Tasarım ders notları. Web Sitesi Geliştirme Adımları
Eskişehir Osmangazi Üniversitesi, Eğitim Fakültesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünde açılan Web Tasarım ders notları. CSS - Genel Bakış
Alışkanlığın bağımlılığa dönüşmesi ve cesaretle eskiye dönmeYaseminSengunDemirca
Beyin ve bağımlılıkla ilgili bilimsel çalışmalardan çok şey öğrendik. Hormonlar, beyin-ödül mekanizmasının işleyişi, keyif duygusu ile dopamin hormonu arasındaki ilişki, dopamin toleransının oluşması (aynı miktar hormonun yarattığı etkinin zamanla azalması), eşlikçilerin (hatırlatıcı uyaranların) sürece etkisi, … gibi. Bunlar ile ilgili bir çok patikanın veya işleyiş mekanizmasının bağımlılık oluşumu ile bozulduğunu anladık. Yani, ne yazık ki farklı patikaların oluştuğunu gördük. Bu yanlış patikaların (ayak yollarının) oluşması uzun süreli yapılan şeylerin ardından uzun süreli hafızaya yerleşmesinden dolayıdır. Davranışsal sürece ek olarak bir de sigara vs. gibi diğer bazı maddelerdeki kimyasallar nedeni ile bu yanlış patikalar daha da belirginleşir.
Dolayısıyla belli evrelerden sonra bir-iki ilaç, üç-beş ay davranışsal terapi desteği çok kısa sürede eskiye dönmek için yeterli olmayabiliyor.
Elbette araç kullanımı ile ilgili verilen örnekteki gibi abartılı bir süreden bahsetmiyoruz. Bu tür örnekler vurgulanmak istenilenin daha hızlı etki göstermesi içindir, o örnek için verilmiştir.
Beynin işleyişinin eski haline geri dönmesi; o yanlış patikaların silinmesi kararlı, uzun ve emek isteyen bir süreci gerektiriyor; yani cesaret isteyen bir süreci gerektiriyor. Rollo May’in de işaret ettiği gibi cesaret kabadayılık veya güçlü olmak değildir. Cesaret tüm olumsuzluklara rağmen, umutsuzluğa düşmemektir. Cesaret her şeye rağmen ilerleyebilme yetisidir. Aslında bunu hepimiz her gün yaparız. Ama bazı durumlarda daha büyük cesaret gerekiyor.
Sonuçta doğduğumuzda beynimizin ilgili mekanizması yani beyin-ödül sistemi dediğimiz mekanizma/patika bağımlılıkla birlikte sonradan ortaya çıkan ‘yanlış patikalar’dan oluşmuyordu.
Doğamız gereği sahip olduğumuz asıl patikalara -yani ünlü sinirbilimcimizin dediği gibi fabrika ayarlarımıza- geri dönmek için zor ama cesaret gerektiren yolu seçme hakkımız var.
3. İçerik (2)2. HTML Formlar
Form Alanları ve Alan Kümeleri
Form Kontrolleri ve Etiketler
Metin alanı (Text field)
Çok satırlı metin (Text area)
Seçim kutusu (Select)
Radio button
Checkbox
Düğme (Button)
Image button
Saklı alanlar (Hidden fields)
Sliders ve Spinboxes
Doğrulama (Validation)
alanları 3
5. HTMLTablolar
Tablolar hücresel veri ifade etmekte kullanılır
Bir tablo bir veya daha çok satırdan meydana
gelir
Her bir satır bir veya daha fazla sütuna sahiptir.
Tablolar birkaç temel etiketten oluşur:
<table></table>:Tablo başlangıç ve bitşi
<tr></tr>:Tablo satırı yaratır
<td></td>: Hücresel veri yaratır
Önceleri sayfa düzeni için de kullanılan tablolar
artık kullanışlı değillerdir.Tablolar yerine CSS
floats ve positioning stilleri kullanılmalıdır. 5
6. HTMLTablolar (2)
Tablo başlangıç ve bitişi
Satır başlangıç ve bitişi
Sütun/hücre başlangıç ve bitşi
6
<table> ... </table>
<tr> ... </tr>
<td> ... </td>
7. Basit Bir HTMLTablo – Örnek
7
<table cellspacing="0" cellpadding="5">
<tr>
<td><img src="ppt.gif"></td>
<td><a href="dersnotu1.ppt">Ders Notu 1</a></td>
</tr>
<tr>
<td><img src="ppt.gif"></td>
<td><a href="dersnotu2.ppt">Ders Notu 2</a></td>
</tr>
<tr>
<td><img src="zip.gif"></td>
<td><a href="ders2-demo.zip">
Ders 2 - Demolar</a></td>
</tr>
</table>
8. Basit Bir HTMLTablo – Örnek
8
<table cellspacing="0" cellpadding="5">
<tr>
<td><img src="ppt.gif"></td>
<td><a href="dersnotu1.ppt">Ders Notu 1</a></td>
</tr>
<tr>
<td><img src="ppt.gif"></td>
<td><a href="dersnotu2.ppt">Ders Notu 2</a></td>
</tr>
<tr>
<td><img src="zip.gif"></td>
<td><a href="ders2-demo.zip">
Ders 2 - Demolar</a></td>
</tr>
</table>
9. Data Cells and Header Cells
Two kinds of cells in HTML 5 tables
Data cells – containing the table data
Header cells – used for the column names or
some more important cells in a table
Why two kinds of cells?
Used to semantically separate the cells
<tr>
<th>Full name</th> <th> Mark </th>
</tr>
<tr>
<td>Doncho Minkov</td> <td>Very good 5</td>
</tr>
<tr>
<td>Georgi Georgiev</td> <td>Exellent 6</td>
</tr>
10. HTMLTablo – Diğer Etiketler
Tablo satırları üç anlamsal bölüme ayrılmıştır:
başlık (header), içerik/gövde (body) ve alt bilgi
(footer)
<thead> tablo başlığını gösterir ve <td>
bileşeni yerine <th> bileşenlerini içerir,
<tbody> çok veri bulunan tablo satır
koleksiyonunu gösterir
<tfoot> tablo alt bilgisini österir fakat
<tbody> etiketinden ÖNCE gelir.
<colgroup> ve <col> sütunları
tanımlar(çoğunlukla sütun genişliğini
ayarlamak amacıyla kullanılır) 10
11. HTMLTablo – Diğer Etiketler:
Örnek
11
<table>
<colgroup>
<col style="width:100px" /><col />
</colgroup>
<thead>
<tr><th>Column 1</th><th>Column 2</th></tr>
</thead>
<tfoot>
<tr><td>Footer 1</td><td>Footer 2</td></tr>
</tfoot>
<tbody>
<tr><td>Cell 1.1</td><td>Cell 1.2</td></tr>
<tr><td>Cell 2.1</td><td>Cell 2.2</td></tr>
</tbody>
</table>
başlık
altbilgi
En son gövde (veri) gelir
th
sütunlar
12. <table>
<colgroup>
<col style="width:200px" /><col />
</colgroup>
<thead>
<tr><th>Column 1</th><th>Column 2</th></tr>
</thead>
<tfoot>
<tr><td>Footer 1</td><td>Footer 2</td></tr>
</tfoot>
<tbody>
<tr><td>Cell 1.1</td><td>Cell 1.2</td></tr>
<tr><td>Cell 2.1</td><td>Cell 2.2</td></tr>
</tbody>
</table>
12
table-full.html
Alt bilgi kodlamada verilerden önce
gelmesine rağmen tarayıcıda en
son görüntülenir
HTMLTablo – Diğer Etiketler:
ÖrnekVarsayılan, başlık metni
kalın ve ortalıdır.
24. HTML Formlar
Formlar site ziyaretçilerinden veri toplamanın
en başta gelen yöntemidir.
Form bloklarını yaratmak için:
Örnek:
24
<form></form>
<form name="myForm" method="post"
action="path/to/some-script.php">
...
</form>
"action" niteliği form verilerinin hangi
sayfaya gönderileceğini söyler
“method" niteliği form verilerinin
nasıl gönderilmesi gerektiğini söyler
– GET veya POST isteği üzerinden
25. Form Alanları
Tek satır metin giriş alanı:
Çok satır metin bölgesi alanı:
Saklı (Hidden) alanlar kullanıcıya görünmeyen
verileri saklar:
Genellikle JavaScript kodlar tarafından kullanılır 25
<input type="text" name=«ilkAdi" value= "Bu bir
metin alanıdır" />
<textarea name= "yorumlar">Bu bir çok satırlı
metin alanıdır</textarea>
<input type="hidden" name="hesap" value="Bu bir
gizli metin alanıdır." />
27. Form Giriş Kontrolleri
Checkboxes:
Radio buttons:
Radyo düğmeleri gruplanabilir, grup içinden
sadece birinin seçilmesine izin verilir:
27
<input type="checkbox" name= "meyve"
value="elma" />
<input type="radio" name="sifat" value="Bay."
/>
<input type="radio" name="sehir" value="izmir" />
<input type="radio" name=«sehir" value="ankara" />
28. Diğer Form Kontrolleri
Açılır Liste (Dropdown menus):
Gönder (Submit) düğmesi:
28
<select name="cinsiyet">
<option value="1"
selected="selected">Erkek</option>
<option value="2">Kadın</option>
<option value="3">Diğer</option>
</select>
<input type="submit" name="submitBtn"
value="Şimdi Uygula" />
29. Diğer Form Kontrolleri (2)
Reset düğmesi – formu başlangış durumuna geri
getirir.
Image düğmesi– gönderme düğmesi gibidir fakat
resim gösterilir ve tık koordinatı gönderilir
Genel amaçlı düğme – Javascript içinde kullanılır,
versayılan eylem yoktur.
29
<input type="reset" name="resetBtn"
value="Reset the form" />
<input type="image" src="submit.gif"
name="submitBtn" alt="Gönder" />
<input type="button" value="bana tıkla" />
30. Diğer Form Kontrolleri (3)
Parola Girişi – Girilen metni * işareti ile
maskeler/gizler
Çoklu seçim alanı – tek satır yerine çok satırda
madde listesi görüntüler
30
<input type="password" name="pass" />
<select name="urunler" multiple="multiple">
<option value="1"
selected="selected">klavye</option>
<option value="2">fare</option>
<option value="3">monitör</option>
</select>
31. Diğer Form Kontrolleri (4)
Dosya girişi– Dosyaları yüklemek için kullanılan
bir alandır
Dosya yükleme yapılacağı zaman dosyayı
gönderme biçimini tanımlamak için enctype
niteliği kullanılır. Genelde multipart/form-data
değerini alır.:
31
<input type="file" name="foto" />
<form enctype="multipart/form-data">
...
<input type="file" name="foto" />
...
</form>
32. Etiketler
Form etiketleri (label) , form alan ID’leri
kullanılarak açıklayıcı metin konmasını sağlar.
Bir etikete tıklamak ilişkili alana odaklanılmasını
sağlar (checkboxes terslenir (toggled), radio
düğmeleri seçili olur)
Etiketler bir kullanılabilirlik ve erişilebilirlik özelliği
olup her ikisi de erişilebilirlik doğrulamasından
geçmek için gereklidir.
32
<label for="fn">İlk İsim</label>
<input type="text" id="fn" />
37. Range ve Spinbox
Kullanıcıların sadece sayısal değer girmelerine
izin verir.
min, max, step ve value
Spinbox veya Slider, input tipine bağlıdır.
Farklı tarayıcılarda farklı görünebilirler.
Sliders ve Spinboxes Firefox üzerinde çalışmaz.
Standart textbox olarak görüntülenirler.
37
<input type="range" min="0" max="100" />
<input type="number" min="0" max="100" />
38. HTML 5 yenlikler
Autocomplete
Tarayıcı önceden girilen değerleri saklar.
Aynı sayfa daha sonra tekrar ziyaret edildiğinde
bu bilgiler geri getirilir.
Autofocus
Sayfa yüklendiğinde alana odaklanılır/seçilir.
Bilgi girişi için ilk burası işaret edilmiş olur.
Required
Doldurulması veya seçilmesi zorunlu alanları
gösterir. 38
39. Giriş Alanları İçin Doğrulama
Email – e-posta için doğrulama
Doğrulama için örüntü belirlenebilir.
Mobil cihazlarda e-posta klavyesini getirir.
URL – url için doğrulama
Mobil cihazlarda url klavyesini getirri.
Telefon
Sayı klavyesini getirir.
39
<input type="email" required="true"
pattern="[^ @]*@[^ @].[^ @]"/>
<input type="url" required="true" />
<input type="tel" required="true" />
40. TabIndex
tabindex HTML niteliği ,TAB tuşuna arka
arkaya basıldığında form alanları ve
bağlantılarının hangi sırada gezileceğini
kontrol etmek amacıyla kullanılır.
tabindex="0" (sıfır) - "natural" (doğal) sıra
Eğer X >Y, tabindex="X" sahip bileşen
tabindex="Y " sahip bileşenden önce tekrarlanır
Negatif tabindex’e sahip bileşenler atlanır,
bununla beraber, bu standartta tanımlı değildir
40
<input type="text" tabindex="10" />
42. HTML Çerçeveler (Frames)
Çerçeveler tek bir web sayfası içinde birden
fazla HTML belgeyi göstermeye imkan sağlar.
Sayfa yatay ya da düşey olarak birkaç
görüntüye (çerçeveye) ayrılabilir.
Çerçeveler HTML geliştirmenin önceki
dönemlerinde (çağlarında ☺ ) popülerken artık
kullanılmamaktadırlar. Sebep div, iframe, ajax
v.b
Çerçeveler tüm tarayıcı ve arama motorları
tarafından desteklenmemektedir.
<noframes> bileşeni uyumlu olmayan
tarayıcılara içerik sağlamak amacıyla kullanılır. 42
43. HTML Çerçeve Demo
43
<html>
<head><title>Çerçeve Örnek</title></head>
<frameset cols="180px,*,150px">
<frame src="sol.html" />
<frame src="orta.html" />
<frame src="sag.html" />
</frameset>
</html>
frames.html
sol.html belgesindeki (sol çerçevede görüntülenen
sayfa) <a> bağlantı bileşeninin target niteliğine
yazılan değere dikkat ediniz.
44. Satır İçi Çerçeveler (Inline Frames):
<iframe>
Satır içi çerçeveler bir web site içinde başka bir
web sitesi sayfalarını göstermenin bir yoludur:
44
<iframe name="iframeGoogle" width="600" height="400"
src="http://www.google.com" frameborder="yes"
scrolling="yes"></iframe>
iframe-demo.html
46. Etkinlikler
46
1. Aşağıdaki iki web sayfasına benzer sayfayı
tablolar kullanarak oluşturunuz:
2. Yandaki web
sayfasının benzerini
form bileşenleri
kullanarak
oluşturunuz:
47. Etkinlikler (2)
3. Bu örnektekine
benzer örnek form
oluşturunuz:
47
ornek-form.png resmine bakınız.