EĞİTİMDE BİLGİSAYAR PROGRAMLAMA FİNAL SINAVI App İnventor-Pide Sipariş Uygulaması 1)Ekran Tasarımı, ekranda kullanılan elementler ve özellikleri Bütün işlemler tek bir ekrandan yapılmaktadır. Arka plan rengi turuncu olarak ayarlandı ve ekrana başlık eklendi. 1) HorizontalArrangement : Ekranı 5 parçaya bölmek için kullanıldı. HorizontalArrangement_No: Sipariş no alanı oluşturuldu. Yükseliği 40 px ve genişliği fill parent olarak ayarlandı.içine bir label ve numara girmek için textbox koyuldu. HorizontalArrangement_İsim: İsim alanı oluşturuldu. Yükseliği 40 px ve genişliği fill parent olarak ayarlandı. İçine bir label ve İsim girmek için Textbox koyuldu. HorizontalArrangement_Diğer: Ekstra istekler alanı oluşturuldu. Yükseliği 40 px ve genişliği fill parent olarak ayarlandı.içine bir label ve istek girmek için Textbox koyuldu. HorizontalArrangement_Secim: Seçim alanı oluşturuldu. Yükseliği 40 px ve genişliği fill parent olarak ayarlandı.içine 3 tane label, Pide seçimi ve içecek seçimi yapabilmek için Listpicker ile siparişi göndermek için bitane Buttton koyuldu. HorizontalArrangement_Webviewer: Tablo alanı oluşturuldu. Yükseliği ve genişliği fill parent olarak ayarlandı. 2) Label : Tüm labellara sarı renk verildi ve ilgili isimleri yazıldı. 3) Textbox : Verilcek siparişe sipariş no,isim ve ekstra istekler girmek için 3 tane kullanıldı.yükseklikleri otomatik ve genişlikleri 200 px olarak ayarlandı. 4) ListPicker : Pide ve içecek seçimi yapabilmek için 2 tane kullanııldı.yükseklikleri 50 px ve genişlikleri 40 px olarak ayarlandı. Üzerlerine ilgili iconlar koyuldu. 5) Button : Siparişi göndermek amacıyla 1 tane koyuldu. Yüksekliği 50 px ve genişliği 40 px olarak ayarlandı.üzerine ilgili icon resmi koyuldu. 6) WebViewer : Fusion Table tablomuza eklenen sipaişleri görüntülemek amacıyla kullanıldı. Genişliği ve yüksekliği fill parent olarak ayarlandı. 7) FusuiontablesControl : Fusiontable tablomuza bağlantı yapmak amacıyla eklendi. 8) Clock: Sipariş verilen tarihi tablomuza eklemek amacıyla kullanıldı. 9) Notfier : Kullanıcılara onaylandı veya hata mesajı vermek için eklendi. 1
2) Kullanılan kod blokları ve açıklamaları : Tablomuza bağlantı yapabilmek için Global değişkenler tanımlandı. Tablo_Id : Tablomuzun idsini Fusion tablomuzu oluşturduğumuz sayfada File menüsüden About this table tıklanarak tablo bilgileri görüntülenir. Apı_Key : Fusion table sayfasından tool sekmesinden publish yapılarak alınabilir. View links tıkladığınızda adres çubuğunda yazacaktır. Tablo_url : Tablo url adresini buraya yapıştırıyoruz. Ekranımızda kullanıcağımız textboxlar ve listpcikerler için değişkenler tanımlandı. Burdaki değişkenlerin verilerini ekranda bizler girecez, sonra bu değişkenler otomatik olarak tablomuza eklendikten sonra sıfırlanacaktır.
Bu kod bloğu ekranımız her açıldığında tablomuza ve webviewerimize bağlantı yapmak için ve tablomuzdaki verileri almaya hazır hale getirmek için oluşturuldu. Bu kod bloğu, girilen veriler tablomuza eklendikten sonra değişkenlerimizin içini temizlemek için oluşturuldu. Yani biz gönder butonuna tıkladığımız anda verilerimiz tablomuza düşer ve bu kod bloğu devreye girip değişkenlerimizi sıfırlayarak tekrar veri girişi yapmamıza hazır hale getirir.
Bu kod bloğu yaptığımız pide seçimini Global pide değişkenine aktarmak için oluşturuldu. Bu kod bloğu yaptığımız içecek seçimini Global icecek değişkenine aktarmak için oluşturuldu.
Bu kod bloğumuz kullanıcı gönder butonuna tıkladığında değişkenlerden yani girdiğimiz verilerden herhangi biri eksik ise ona hata mesajı gönderecektir. Eğer kullanıcı verilerin hepsini tam olarak girmiş ise verileri yani textboxlardaki verilerimizi oluşturduğumuz değişkenlere aktaracaktır. Aktarma işleminden sonra ise verileri tablomuza ekleyecektir. Veriler tablomuza eklendikten sonra webviewer da görüntülenecektir. Yapacağımız sorgulardaki kesme işaretlerini eklemek için kullanılır. Yani biz verilerimizi İnsert into (,,.. )values(,, ) biçiminde tablomuza ekleriz. Burada sütun isimleri çift tırnaklarla ayrılırken, sütunlara gireceğimiz değerler tek tırnaklarla ayrılmaktadır. Bu kod bloğunu verilerimizi eklerken çağırıp, çift tırnak mı kullancaktık? veya tek tırnak mı kullancaktık? ya da yanlış biçimde girmemizi engellemek için kullanacağız.
Bu kod bloğu tablomuza verilerin eklenmesi için oluşturuldu. Verileri eklemek için sql dilinde kullanılan söz dizimi : INSERT INTO tablo adı( sutun1, sutün2 )Values( deger1, deger2 ) Bunun kod bloğunda uygulanması yandaki gibidir. Tablo adı yerine tablo_id değişkenimizi onun altına ise tablomuzda bulunan sütun isimlerini yazıyoruz. Ardından values yani değişkenlerde bulunan verilerimizi sütunlarla eşleştiriyoruz. Sütun sırası ve değişken sırası önemlidir. Yoksa değişkenleriniz yani verileriniz başka sütunlara eklenebilir. Fark ettiyseniz call quotify kod bloğunu burada çağırdık. Değerler arasına tek tırnak giremediğimiz için (yukardaki söz dizimine bakabilirsiniz) bu kod bloğumuz tek tırnak olayını ortadan kaldırmış durumunda oluyor bize kolaylık sağlıyor. Değerlerimiz sütunlarla eşleştirildekten sonra tablomuza gönderilmek için gönder butonuna tıklanmasını bekleyecektir.
Bu kod bloğu gönder butonuna tıklanıldığında tablomuzu seçip verilerimizi eklemek amacıyla oluşturuldu. Gönder butonuna tıklanıldığında eğer bir eksiklik yoksa verilerimiz tablomuza eklenecektir. Bu kod bloğu verilerimiz başarılı bir şekilde eklendiyse teşekkürler siparişiniz kaydedildi mesajını verdirmek veya bir hata varsa hata mesajını verdirmek amacıyla oluşturuldu. 110855012-ANIL ORDUERİ