50
BTP205 – Görsel Programlama Giriş 1

B TP205 – Görsel Programlama

Embed Size (px)

DESCRIPTION

B TP205 – Görsel Programlama. Giriş. Bugün…. Ders hakkında bilgi Visual Studio 20 13 IDE Uygulama Oluşturma Konsol uygulaması Windows Form uygulaması ASP.NET Web Sayfası uygulaması C# ve .NET sistemi. Ders Bilgileri. Ders Bilgileri. Ders içerikleri. - PowerPoint PPT Presentation

Citation preview

Page 1: B TP205  –  Görsel Programlama

BTP205 – Görsel Programlama

Giriş

1

Page 2: B TP205  –  Görsel Programlama

Bugün…

• Ders hakkında bilgi• Visual Studio 2013 IDE• Uygulama Oluşturma– Konsol uygulaması– Windows Form uygulaması– ASP.NET Web Sayfası uygulaması

• C# ve .NET sistemi

2

Page 3: B TP205  –  Görsel Programlama

Ders Bilgileri

3

Page 4: B TP205  –  Görsel Programlama

Ders BilgileriDersi veren Yard. Doç. Dr. Alper BİLGE

Ofis numarası 7130

E-posta adresi [email protected]

Web sayfası http://ceng.anadolu.edu.tr/abilge/

Ders web sayfası (?) http://ceng.anadolu.edu.tr/

Ders saatleri ve yeri 09:00-13:00, Perşembe

Ders kitabı Beginning Microsoft Visual C# 2012, Karli Watson, Christian Nagel et al., Wiley Publishing, 2012.Illustrated C# 2012, Daniel Solis, Apress, 2012.

4

Page 5: B TP205  –  Görsel Programlama

Ders içerikleriHafta 1 Visual Studio Ultimate 2013 IDE, C# ve .NET sistemi, Konsol

uygulaması oluşturma, Windows Form Projesi oluşturma ve ASP.NET Web Sayfası oluşturma

Hafta 2-3 Açıklama yazma, Değişkenler, İfadeler, İşleçler (Operatörler), Ad Alanları (namespaces), Akış Kontrolü, İkili İşleçler, Döngüler, Diziler

Hafta 4-5 Tip dönüşümleri, Numaralandırma, Yapılar, Diziler, Katar İşleçleri, Fonksiyonlar, Yetkilendirmeler

Hafta 6-7 Hata ayıklama, Özel durum idaresi, Nesne tabanlı programlama, Arayüzler, Özellikler

Hafta 8-9 Ara Sınav

Hafta 10 Koleksiyonlar, Dizinleyiciler, Yineleyiciler, İşleç yüklemesi (Operator overloading), Sıralama, Genelleyiciler, Olaylar

Hafta 11-12 Windows Form Uygulamaları: Button, Label, LinkLabel, TextBox, GroupBox, RadioButton, CheckBox

5

Page 6: B TP205  –  Görsel Programlama

Ders içerikleri (devam)Hafta 13 RichTextBox, ListBox, CheckedListBox, ListView, ImageList,

TabControl

Hafta 14 MenuStrip, ToolStrip, StatusStrip, SDI ve MDI Uygulamaları, Kullanıcı Kontrolleri

Final Sınavı

6

Page 7: B TP205  –  Görsel Programlama

Notlandırma

• Arasınav: %30, Ödev: %20, Final: %50.• Çan eğrisi uygulanacaktır.• Dönem sonu notunuz %80’den aşağı ise AA

alamazsınız, ancak %80’i geçmeniz AA alacağınızın garantisi değildir.

• Dönem sonu notunuz %20’den yüksek değilse DD alamazsınız, ancak %20’yi geçmeniz DD alacağınızın garantisi değildir.

7

Page 8: B TP205  –  Görsel Programlama

Derse Devamlılık

• Derse devam zorunluluğu vardır. • Dersin teorik kısmı için 3x14=42 saat üzerinden

12.6 saat devamsızlık sınırı, uygulama kısmı için ise 1x14=14 saat üzerinden 4.2 saat devamsızlık sınırı bulunmaktadır.

• Dersin web sayfasını takip etmekle yükümlüsünüz.• Duyurular, ödevler ve notlar web sayfası

üzerinden duyurulacaktır.

8

Page 9: B TP205  –  Görsel Programlama

Yazılım İhtiyaçları

• Bu ders kapsamında, Visual Studio 2013 IDE yazılımına ihtiyacınız olacaktır.

• Visual Studio Express 2013 IDE internet üzerinden ücretsiz edinilebilir.

9

Page 10: B TP205  –  Görsel Programlama

Visual C# Ayarları

10

Page 11: B TP205  –  Görsel Programlama

Visual C# Klavye Ayarları

• Visual Studio 2013’ü kurduktan sonra, Default Collection of Settings penceresinde Visual C# Settings seçeneğini tıklayınız.

• Bu ayarlar C# için klavye komutlarını ve kullanıcı arayüzünü oluşturacaktır.– Çalıştır: Ctrl-F5,Hata ayıklama: F5, Build: Ctrl-Shift-B,

vb.• Bu pencereyi atlarsanız, daha sonra Tools

menüsünden Import and Export Settings komutunu uygulayarak da yapabilirsiniz.

11

Page 12: B TP205  –  Görsel Programlama

12

Page 13: B TP205  –  Görsel Programlama

13

Page 14: B TP205  –  Görsel Programlama

14

Page 15: B TP205  –  Görsel Programlama

15

Page 16: B TP205  –  Görsel Programlama

Konsol Uygulaması Oluşturma

16

Page 17: B TP205  –  Görsel Programlama

17

Page 18: B TP205  –  Görsel Programlama

18

Page 19: B TP205  –  Görsel Programlama

19

Page 20: B TP205  –  Görsel Programlama

20

Kodu yazın ve Ctrl-F5’e basın

Page 21: B TP205  –  Görsel Programlama

21

Page 22: B TP205  –  Görsel Programlama

Windows Form Uygulaması Oluşturma

22

Page 23: B TP205  –  Görsel Programlama

23

Page 24: B TP205  –  Görsel Programlama

24

Page 25: B TP205  –  Görsel Programlama

25

Form üzerine bir Label ve bir Button sürükleyip

bırakın

Page 26: B TP205  –  Görsel Programlama

26

Button’a çift tıklayın

Page 27: B TP205  –  Görsel Programlama

27

Kodu yazın ve Ctrl-F5’e basın

Page 28: B TP205  –  Görsel Programlama

28

Button’a tıklayın

Page 29: B TP205  –  Görsel Programlama

ASP.NET Web Sayfası Oluşturma

29

Page 30: B TP205  –  Görsel Programlama

30

File -> New -> Project ->

ASP.NET Web Forms Application

SEÇMEYİN

Page 31: B TP205  –  Görsel Programlama

31

Page 32: B TP205  –  Görsel Programlama

32

Proje adına sağ tıklayın ve Add -> Add New Item seçin

(ya da: Add -> Web Form)

Page 33: B TP205  –  Görsel Programlama

33

Page 34: B TP205  –  Görsel Programlama

34

Tasarım Görünümü’ne (Design View) geçin

Page 35: B TP205  –  Görsel Programlama

35

Bir Label koyun, Enter’a basın ve bir Button ekleyin

Page 36: B TP205  –  Görsel Programlama

36

Button’a çift tıklayın.

Page 37: B TP205  –  Görsel Programlama

37

Kodu yazın ve Ctrl-F5’e basın

Page 38: B TP205  –  Görsel Programlama

38

Button’a tıklayın

Page 39: B TP205  –  Görsel Programlama

39

Page 40: B TP205  –  Görsel Programlama

Sonuç

• C# ile birçok tipte uygulama geliştirebilirsiniz.• Windows Form Uygulaması ve ASP.NET

Uygulaması birbirine benzerdir.• C# ile ayrıca mobil uygulamalar da

geliştirebilirsiniz (sadece Windows Mobil cihazlar için)

• Uygulama geliştirirken Visual Studio 2013’ün güçlü IDE’sini kullanabilirsiniz (Visual Studio Express sürümü ücretsizdir).

40

Page 41: B TP205  –  Görsel Programlama

.NET Sistemi(.NET Framework)

• Microsoft’un uygulama geliştirme platformu• Birçok işletim sistemi üzerinde çalışabilir– Mono Linux ve Mac OS için– .NET Compact Framework PDA ve akıllı telefonlar için

• Birçok uygulama tipini destekler– Windows uygulamaları, web uygulamaları, web

servisleri, mobil uygulamalar, vb.• Birçok programlama dilini destekler– C#, C++, Visual Basic, Jscript, COBOL, Java, Delphi, vb.

41

Page 42: B TP205  –  Görsel Programlama

.NET Framework Neler Barındırır

• Geliştirilen uygulama dili (C#, VB, vb.) tarafından kullanılan kodların, Nesne Tabanlı Programlama (NTP) tekniklerini kullanarak oluşturulmuş kod kütüphanesi

• .NET Common Language Runtime (CLR), .NET uygulamalarını çalıştırır (JRE’ye benzer şekilde)

• Yazılan kodlar Common Intermediate Language (CIL) kodlarına derlenir (Java’daki .class dosyalarına benzer şekilde)– CIL kodları işletim sisteminden bağımsızdır

• Just-in-time (JIT) compiler CIL kodlarını mevcut işletim sistemi kodlarına derler– JIT derleyici gerek duyulduğunda CIL kodlarını derler

42

Page 43: B TP205  –  Görsel Programlama

Yönetimli Kod(Managed Code)

• .NET Sisteminde yazılan kodlar kendinden yönetimlidir

• Bu, CLR’nin uygulamanızı, bellek yönetimi, güvenlik yönetimi, vb. durumlar için yönetmesi anlamına gelir

• C# ile sadece yönetimli kod yazabilirsiniz• C++ ile hem yönetimli hem de yönetimsiz kod

yazabilirsiniz

43

Page 44: B TP205  –  Görsel Programlama

Çöp Toplama(Garbage Collection)

• Yönetimsiz kodlamada, programcı belleği kendisi yöneterek, ayrılan bellek alanlarının program sonunda serbest bırakılmasından kendisi sorumludur

• Yönetimli kodlamada ise bellek ayrımı ve temizlenmesi CLR tarafından üstlenilir, bu kavrama çöp toplama denir

• .NET çöp toplama periyodik olarak kullanılmayan bellek alanlarını temizler

44

Page 45: B TP205  –  Görsel Programlama

C#

• C ve C++ dillerinin gelişmiş, evrimleşmiş şeklidir

• Sadece .NET platformunda çalışmak üzere Microsoft tarafından geliştirilmiştir

• Diğer dillerin en iyi özelliklerini kapsayıp, problemlerini ortadan kaldıracak biçimde tasarlanmıştır

45

Page 46: B TP205  –  Görsel Programlama

Visual Studio 2013

• Güçlü bir bütünleşik geliştirme ortamı (IDE) sunar• Kaynak kodu derlemek için gerekli adımları otomatize eder• Kodu yazarken akıllı biçimde hataları algılar ve doğru

yazımı önerir (Intellisense)• Tasarım parçaları (designers) içerir ve arayüz elemanlarını

basit sürükle&bırak yöntemiyle eklemeyi mümkün kılar• Başlangıç projeleri (starter projects) içerir• Konuşlama (deployment) olanakları içerir• Hata ayıklama (debugging) olanakları içerir• vb.

46

Page 47: B TP205  –  Görsel Programlama

Visual Studio Sürümleri

• Visual Studio Professional• Visual Studio Premium• Visual Studio Ultimate• Visual Studio Express Edition: Ücretsiz, ancak

bazı özellikler bulunmaz• Visual C# Express: Sadece C# içerir• Visual Web Developer Express: Sadece web

uygulaması araçları içerir

47

Page 48: B TP205  –  Görsel Programlama

Visual Studio Çözümleri

• Visual Studio’da çözüm dosyaları (solutions) üretirsiniz

• Çözümler projeleri içerir• Çözümler birden fazla proje içerebilir– Bu şekilde paylaşımlı kodlar üzerinde

çalışabilirsiniz

48

Page 49: B TP205  –  Görsel Programlama

49

Çözüm Tarayıcı (Solution Explorer)

Özellikler Penceresi (Properties Window)

Araçlar (Toolbox)

Tasarımcı (Designer)

Page 50: B TP205  –  Görsel Programlama

50

Kaynak Kod (Source Code)

Çözüm (Solution)ProjectKaynak

Dosyaları (Source Files)