ORT3167 İnternet Programcılığı 1 Ders1-2. Öğr. Grv. Aybike ŞİMŞEK

Transkript

1 ORT3167 İnternet Programcılığı 1 Ders1-2 Öğr. Grv. Aybike ŞİMŞEK

2 Dersin Amacı Web tabanlı uygulamalar Web Servisleri geliştirebiliyor duruma gelmek ve bunlarla ilgili bir projeyi takım çalışması ile gerçeklemek. 2

3 Notlandırma Vize %30 Final %40 Proje %30 3

4 Ders Kaynakları Ders slaytları 4

5 Ders İle İlgili Sorular İçin İletişim Ofis Saati: Pazartesi

6 Proje Konuları Hasta Randevu Sistemi Belediye Fatura Otomasyonu Otel Rezervasyon Sistemi Envanter Kayıt Sistemi Online Satış Sistemi Bilgi İşlem Talep Takip Sistemi Kütüphane Otomasyonu Öğrenci İşleri Otomasyonu Hastane Laboratuvar Otomasyonu Kargo Takip Sistemi 6

7 Neden Web Tabanlı Uygulama? Platform bağımsız Kurulum gerektirmez Sistem çökmesi sizin için sorun olmaz Donanım bağımsız Kullanıcılar teknik detaylarla uğraşmazlar Daha güvenli Her şeye bir arada ve ayrı yerlerden erişebilme Sunucu tarafı güncellenmesi halinde tüm kullanıcılar son sürüm kullanırlar Çok kullanıcı desteği 7

8 Neden Web Servisleri? Açık, metin tabanlı standartlar Modüler yaklaşım Geliştirilmesi ucuz Uygulamaların birbirleriyle entegre olmasındaki maliyeti düşürür 8

9 9 KODLAMAYA BAŞLAMA

10 Master Page ve İçerik Sayfaları 10

11 Master Page ve İçerik Sayfaları (dvm) Web sayfasındaki sayfaların genel yerleşimini tanımlar. Başlık şirketin logosunu da içersin mi? Menü Alt Bilgi Master page ler içerik sayfaları tasarlanırken kullanılacak bir veya daha fazla içerik sayfası yertutucuları (placeholders) barındırır (Master Page içindeki boşluklar). 11

12 Master Page ve İçerik Sayfaları (dvm) İçerik sayfaları master page deki boşlukları doldurular. Eğer birden fazla master page kullanıyorsanız içerik sayfalarında bunu belirtmelisiniz. Web sunucusu istemciye HTML ve CSS formunu göndermek için master page + içerik sayfasını birleştirir. Visual Studio ile içerik sayfası ile master page i bağlamak oldukça kolaydır. 12

13 Uygulama-1 Visual Studio 2010 açılır. File -> New -> Web Site ASP.NET web page seç, OK tıkla. Soldaki Solution Explorer içinden Default.Aspx çift tıklanır. Açılan pencerede Design moduna geç. İçerik yer tutucudaki başlığı GÖRSEL PROGRAMLAMA III olarak değiştir. Run ve Kontrol et. Site.Master sayfasını çift tıkla ve tasarım moduna geç. Başlığı Servis Masası Uygulaması olarak değiştir. Run ve kontrol et. 13

14 Kimlik Doğrulama (Authentication) ve Yetkilendirme (Authorization) Kimlik doğrulama işlemi, kullanıcıdan kullanıcı adı ve şifre gibi kişiyi tanımlama bilgilerinin alınıp sisteme giriş için yetkili olup olmadığının belirlenmesi işlemidir. Yetkilendirme işlemi, sistemdeki bir kullanıcının hangi yetkilere sahip olduğunun belirlenmesidir. Örneğin mevcut dosyaları açabilir, ama kendisi sisteme dosya yükleyemez. 14

15 Uygulama - 2 Microsoft SQL Server Management Studio açın. Databases New database Servis_Masasi isimli bir veritabanı oluşturun. Servis_Masasi Tables New Table Personel isimli bir tablo oluşturun ve aşağıdaki kayıtları girin. 15

16 Uygulama 2 (dvm) 16

17 Uygulama - 2 (dvm) Visual Studio 2010 açılır. File Open Web Site ServisMasasi aç. Site.master sayfasına gel. Home ve About başlıklarını source tabında Ana Sayfa ve Hakkında olarak değiştir, kaydet. 17

18 Uygulama-2 (dvm) Default.aspx sayfasını aç. Üst menü çubuğundan table inserttable Row 5 Column 3 ayarla ve sayfayı aşağıdaki şekilde düzenle. 18

19 Uygulama-2 (dvm) Şifre için kullanılan metin kutusunun özelliklerinden TextMode özelliğini Password olarak belirleyin. 19

20 Uygulama-2 (dvm) App_Code klasörünün oluşması için Solution Explorer->View Class Diagram Böylelikle App_Code klasörü projenize eklenecektir. 20

21 Uygulama-2 (dvm) /slides/blg4134/anatablo.txt /slides/blg4134/mesaj.txt Yukarıdaki sayfalardan anatablo ve mesaj dosyalarını al, uzantılarını cs olarak değiştir ve App_Code klasörünün içine at. Servis Masası uygulamanızı refresh edin. 21

22 Uygulama-2 (dvm) Default.aspx sayfasında KAYDET butonunu çift tıkla. Kullanıcı adı ve şifre alanlarını boş geçip KAYDET butonunu tıklarsa "Bütün verileri eksiksiz girmelisiniz. " Uyarı mesajını verecek şekilde kod yazınız. 22

23 Uygulama-2 (dvm) if (TextBox1.Text == "" TextBox2.Text == "") MessageBox.Show("Bütün verileri eksiksiz girmelisiniz."); 23

24 Uygulama-2 (dvm) Personel tablosunda kayıtlı olmayan bir kullanıcı giriş yapmaya çalıştığında «Kullanıcı adı veya şifreniz geçersiz.» şeklinde bir uyarı mesajı vermek istiyoruz. Eğer giriş yapan teknik personel ise BIDB.aspx sayfasına, değilse Kullanici.aspx sayfasına yönlendirme yapılsın. (Kullanici_Tipi=-1 ise teknik personel, 1 ise standart kullanıcı olsun). 24

25 Uygulama-2 (dvm) Adımlar: 1. anatablo.cs altında KimlikDogrulama isimli bir metot yaz. 2. anatablo.cs altında TeknikPersonelmi isimli bir metot yaz. 3. BIDB.aspx ve Kullanici.aspx sayfalarını oluştur. 4. Default.aspx sayfasında gerekli kontrolleri içeren kodu yaz. 25

26 Uygulama-2 (dvm) public bool KimlikDogrulama(string username, string sifre) { dataset1.clear(); dataadapter1.selectcommand.commandtext = "SELECT AdSad from Personel WHERE KullaniciAdi='" + username + "' and Sifre='"+sifre+"';"; dataadapter1.fill(dataset1); if (dataset1.tables[0].rows.count > 0) { if (dataset1.tables[0].rows[0][0].tostring() == "") return false; else return true; } else return false; } 26

27 Uygulama-2 (dvm) public bool TeknikPersonelmi(string username) { dataset2.clear(); dataadapter2.selectcommand.commandtext = "SELECT AdSad from Personel WHERE KullaniciAdi='" + username + "' and Kullanici_Tipi=-1;"; dataadapter2.fill(dataset2); if (dataset2.tables[0].rows.count > 0) { if (dataset2.tables[0].rows[0][0].tostring() == "") return false; else return true; } else return false; } 27

28 Uygulama-2 (dvm) 28

29 Uygulama-2 (dvm) 29

30 Uygulama-2 (dvm) protected void KAYDET_Click(object sender, EventArgs e) { if (TextBox1.Text == "" TextBox2.Text == "") MessageBox.Show("Bütün verileri eksiksiz girmelisiniz."); else if (b1.kimlikdogrulama(textbox1.text, TextBox2.Text)) { if (b1.teknikpersonelmi(textbox1.text)) Response.Redirect("BIDB.aspx"); else Response.Redirect("Kullanici.aspx"); } else { MessageBox.Show("Kullanıcı adı veya şifreniz geçersiz."); } } 30

31 Kimlik Doğrulama Böylelikle basit bir kimlik doğrulama kodu yazdık. Bunun dışında LDAP authentication ile de domaine e dahil kullanıcılar için kimlik doğrulama kodu yazılabilir., 31

32 DropDown List in Veri Tabanından Doldurulması Aşağı açılır menülerin manuel olarak değil veritabanı kayıtlarından doldurulması sisteme dinamiklik katar ve programcıdan bağımsız bir yapının oluşmasını sağlar. 32

33 Uygulama 3 Servis_Masasi Tables New Table Subeler isimli bir tablo oluşturun ve aşağıdaki şekilde doldurun. 33

34 Uygulama 3 (dvm) Kullanici.aspx sayfasını Design modda açın. 10 satır 3 sütundan oluşan bir tablo ekleyin ve aşağıdaki şekilde düzenleyin. 34

35 Uygulama 3 (dvm) DropDownList1 in özelliklerini aşağıdaki şekilde değiştirin. 35

36 Uygulama 3 (dvm) 36

37 Uygulama 3 (dvm) 37

38 Uygulama 3 (dvm) 38

39 Uygulama 3 (dvm) 39

40 Uygulama 3 (dvm) 40

41 Uygulama 3 (dvm) 41

42 Uygulama 3 (dvm) Uygulamayı çalıştırın. 42

43 SORULARINIZ 43