Hazırlayanlar Oben Işık( ), Gökhan Karaca( ) İTÜ Bilgisayar Mühendisliği Bitirme Projesi. Kuramsal Bilgiler

Transkript

1 Hazırlayanlar Oben Işık( ), Gökhan Karaca( ) Danışman Yrd. Doç. Dr. Feza Buzluca İTÜ Bilgisayar Mühendisliği Bitirme Projesi icity icity Tanıtım Aşamaları Proje Amacı Kullanılan Teknolojiler Kuramsal Bilgiler Analiz Modelleme Tasarım Innovation distinguishes between a leader and a follower Steve Jobs 1

2 Proje Amacı Neden icity uygulamasına ihtiyaç duyuyoruz? It is fine to celebrate success but it is more important to heed the lessons of failure Bill Gates Neden icity Uygulaması? 1. Şehri yakından tanımak 2. Arkadaş takibi yapabilmek 3. Akıllı yer önerisi yapabilmek 4. Ulaşım yardımı almak 5. Sosyal ağ entegrasyonu 6. Mobil dünyaya uyum sağlamak 2

3 icity de Kullanılan Teknolojiler Design is not just what it looks like and feels like. Design is how it works. Steve Jobs 3

4 Kuramsal Bilgiler It s fine to celebrate success but it is more important to heed the lessons of failure. Bill Gates icity Kuramsal Bilgiler Android Tanım Android, Google ve Open Handset Alliance tarafından kodlanmış, LinuxOS tabanlıbirmobilcihaziçingeliştirilmiş, açık kaynak kodlu bir işletim sistemidir. Android işletimsistemlibirmobiltelefoniçin, Android SDK kullanılarak uygulama yazılımları geliştirilebilmektedir. Projemizin ana çatısı android üzerine kurulmuştur. 4

5 icity Kuramsal Bilgiler Android Kullanımı Günümüzde Android işletim sistemli mobil telefonların sayısı hızla artmaktadır. icity Kuramsal Bilgiler Android Yapısı 5

6 icity Kuramsal Bilgiler Android Yapısı II Androidde uygulama JAVA dilinde geliştirilir. Android işletim sistemine göre tüm ekranlar birer activity dir. Activity ler kullanıcı ile etkileşimi sağlayan ekranlardır. Her bir activity kendine adanmış bir layouta sahiptir. Activityler birbirlerini çağırabilirler ve aralarında veri transferi yapabilirler. icity Kuramsal Bilgiler Android Yapısı III Activityler, manifest dosyası adı verilen bir xml dosyasında tanımlanır. UygulamaclientlertarafındanGoogle Play Store dan indirilirken kullanıcıdan istenecek izinleri ifade ediyor. Uygulamada activity olarak görev alacak olan sınıfları tanımlıyoruz. Uygulama bağımsız olarak çalışacak olan servisimizi tanıtıyoruz. 6

7 icity Kuramsal Bilgiler JSON JSON, veri alış verişini sağlamak amacıyla geliştirilmiş bir veri biçimlendirme yöntemidir. JavaScript Object Notation XML den çok daha kolay ve hızlı biçimde işlenebilme özelliğine sahiptir. XML ile biçimlendirilmiş bir veri kümesi, JSON ile biçimlendirilmiş veri kümesine oranla daha fazla bellek alanı ihtiyacı doğurur. icity Kuramsal Bilgiler JSON XML Karşılaştırması XML <?xml version="1.0" encoding="utf-8"?> <root> <data> <id>1</id> <name>php </name> </data> </root> var root = xhr.responsexml; var dataelements = root.getelementsbytagname('data'); var idelementsvalue = dataelements[0].getelementsbytagname('id ')[0].firstChild.nodeValue; var nameelementsvalue = dataelements[0].getelementsbytagname('na me')[0].firstchild.nodevalue; JSON } { "data": [{ "id" : "1", "name" : "PHP }] data.name[0]; 7

8 icity Kuramsal Bilgiler JSON Projemizdeki Kullanımı Projemizde JSON kullanımı web servisimiz ile uygulamamız arasındaki iletişimi sağlamak üzerine kurulmuştur. icity Kuramsal Bilgiler.Net Framework (C#).Net framework projemizde, uzak host ile iletişimi yaparken kullanacağımız web servisi oluşturmak için kullanılmıştır. Web servisi, XML mesajlaşma tabanlı bir sistem entegrasyon yöntemidir. W3C tarafından yapılan resmi tanımıyla web servisi, bilgisayarlar arasında ağ üzerinden etkileşimi ve uyumluluğu sağlayacak yazılım sistemidir. XML tabanlı mesajlaşma esas alınmıştır. Biz projemizde JSON ile haberleşmeyi tercih ettik. Web servis erişim standardı olarak SOAP (Simple Object Access Protocol) adı verilen basit nesne erişim protokolü kullanılmaktadır. SOAP sayesinde web servis ile basit ve mesaj tabanlı bir iletişim sağlanmaktadır. Projemizde.net c# ile kodlanmış olan ve uzak host da koşan bir webservis bulunmaktadır. 8

9 icity Kuramsal Bilgiler PHP PHP, özellikle Web için tasarlanmış olan, sunucu taraflı çalışan bir script dilidir. icity Kuramsal Bilgiler PHP Projemizdeki Kullanımı Projemizde PHP dilini, yüklü miktarda datayı her defasında tek tek bir api kullanılarak sorgulamak yerine, hangi datalara ilişkin bilgilere ihtiyaç olduğunu php sayfamıza gönderip, curl ile sorgunun uzak hostta çalışmasını sağlamak için kullandık Foursquare Kullanıcı Sayısı: 27M 1 Kişinin Ortalama Arkadaş Sayısı: 137 foursquaregetcheckins.php curl Log Kullanıcı Foursquare API 9

10 Analiz ve Modelleme It s fine to celebrate success but it is more important to heed the lessons of failure. Bill Gates icity Analiz Use Case UC1 : Kapsam: Birincil Aktör : Paydaşlar : Önşartlar : Başarı Şartı : Senaryo : Programa Giriş Bitirme Projesi Kullanıcı Giriş Paneli Kullanıcılar Kullanıcılar : Programı kullanarak şehir, arkadaşları ve mekanlar hakkında bilgi almayı hedeflemişlerdir. 1. Kullanıcının aktif bir Foursquare hesabı olmalıdır. 2. Kullanıcı telefonuna uygulamayı yüklemiş olmalıdır. 3. Kullanıcının telefonunda internet erişimi olmalıdır. Kullanıcı sisteme giriş yapmış olmalıdır. Ana akış: 1. Kullanıcı, telefonun menüsünden uygulamayı başlatır. 2. Ekrandaki login butonuna tıklar. 3. Program kullanıcıya giriş ekranını açar. 4. Kullanıcı giriş ekranında foursquare e ait mail adresini ve şifresini girer. 5. Program bu mail ve şifreyi foursquare üzerinden kontrol eder. 6. Sonrasında ana menüye kullanıcıyı yönlendirir. Alternatif Akış: *a. İnternet bağlantısının olmadığı durumlarda internet hata sayfasına yönlendirilir. 5a. Mail adresi veya şifrenin geçerli olmaması koşulunda giriş ekranına geri döner. 10

11 icity Analiz Use Case UC2 : Kapsam: Birincil Aktör : Paydaşlar : Önşartlar : Başarı Şartı : Senaryo : Kullanıcının Arkadaşlarının Son Check-inlerini Görmesi Arkadaşların Son Check-in ler Paneli Kullanıcılar Kullanıcılar : Programı kullanarak şehir, arkadaşları ve mekanlar hakkında bilgi almayı hedeflemişlerdir. 1. Kullanıcını sisteme başarılı bir şekilde giriş yapmış olmalıdır. 2. Kullanıcı telefonuna uygulamayı yüklemiş olmalıdır. 3. Kullanıcının telefonunda internet erişimi olmalıdır. Kullanıcı arkadaşlarına ait son check-in lerini görmelidir. Ana akış: 1. Kullanıcı ana menuden son check-inler sekmesine tıklar. 2. Sistem foursquare üzerinden kullanıcının arkadaşlarına ait tüm son check-in leri hesaplar. 3. Bir liste halinde bu check-inler kullanıcıya listelenir. Alternatif Akış: *a. İnternet bağlantısının olmadığı durumlarda internet hata sayfasına yönlendirilir. 2a. Foursquare kaynaklı hatalardan dolayı arkadaş listesine ait checkin leri almada sorun yaşanabilir.bu durumda sistem hata mesajı üretir. icity Analiz Use Case UC3 : Kapsam: Birincil Aktör : Paydaşlar : Önşartlar : Başarı Şartı : Senaryo : Kullanıcının Arkadaşlarının Son Check-inlerine Yorum Yazması Arkadaşların Son Check-in ler Paneli Yorum Kısmı Kullanıcılar Kullanıcılar : Programı kullanarak şehir, arkadaşları ve mekanlar hakkında bilgi almayı hedeflemişlerdir. 1. Kullanıcını sisteme başarılı bir şekilde giriş yapmış olmalıdır. 2. Kullanıcı telefonuna uygulamayı yüklemiş olmalıdır. 3. Kullanıcının telefonunda internet erişimi olmalıdır. 4. Kullanıcı arkadaşlarının son check-in leri listesine erişmiş olmalıdır. Kullanıcı arkadaşlarından herhangi birinin check-in ine yorum yazmış olmalıdır. Ana akış: 1. Kullanıcı arkadaşlarının son check-in lerinin listelendiği ekrandan herhangi bir arkadaşının check-in inen tıklar. 2. Program yorum penceresi açar. 3. Kullanıcı buraya yorumunu yazar ve gönder butonuna tıklar. 4. Program yorumu Foursquare e iletir. Alternatif Akış: * a. İnternet bağlantısının olmadığı durumlarda internet hata sayfasına yönlendirilir. 4a. Foursquare kaynaklı hatalardan yorumu iletmede sorun yaşanabilir.bu durumda sistem hata mesajı üretir. 11

12 icity Analiz Use Case UC4 : Kapsam: Birincil Aktör : Paydaşlar : Önşartlar : Başarı Şartı : Senaryo : Kullanıcının Sistemden Öneri İstemesi Kullanıcı Mekan Öneri Paneli Kullanıcılar Kullanıcılar : Programı kullanarak şehir, arkadaşları ve mekanlar hakkında bilgi almayı hedeflemişlerdir. 1. Kullanıcı sisteme başarılı bir şekilde giriş yapmış olmalıdır. 2. Kullanıcı telefonuna uygulamayı yüklemiş olmalıdır. 3. Kullanıcının telefonunda internet erişimi olmalıdır. Kullanıcıya tercihlerine göre ve seçtiği kategoriye göre mekan öneri listesi sunulmalıdır. Ana akış: 1. Kullanıcı ana menuden suggest sekmesine tıklar. 2. Sistem kullanıcıya 9 ana kategori listesini getirir. 3. Kullanıcı 9 ana kategori içerisinden bir tanesini seçer. 4. Sistem bu ana kategoriye ait kullanıcı tercihlerine uyan mekanları öneri mekanizmasını kullanarak listeler. Alternatif Akış: *a. İnternet bağlantısının olmadığı durumlarda internet hata sayfasına yönlendirilir. 2a. Foursquare kaynaklı hatalardan dolayı kategori listesini almada sorun yaşanabilir.bu durumda sistem hata mesajı üretir. 3a. Foursquare ve programkaynaklı hatalardan dolayı kategori listesini almada sorun yaşanabilir.bu durumda sistem hata mesajı üretir. icity Analiz 12

13 icity Analiz Tasarım It s fine to celebrate success but it is more important to heed the lessons of failure. Bill Gates 13

14 icity Tasarım İnternet Bağlantısının Algılanması icity Tasarım İnternet Bağlantısının Algılanması 14

15 icity Tasarım İnternet Bağlantısının Algılanması :51:49.669: D/NetworkConnectivityListener(1307): onreceive(): mnetworkinfo=networkinfo: type: : WIFI[], state: : CONNECTED/CONNECTED, reason: (unspecified), extra: (none), roaming: false, failover: false, isavailable: true mothernetworkinfo = [none] mstate=connected :14:00.524: D/NetworkConnectivityListener(1307): onreceive(): mnetworkinfo=networkinfo: type: : WIFI[], state: : DISCONNECTED/DISCONNECTED, reason: (unspecified), extra: (none), roaming: false, failover: false, isavailable: false mothernetworkinfo = [none] mstate=not_connected icity Tasarım Login Kullanıcı log in butonuna tıkladığında, açılanfoursquare api web view ile uygulamamıza login olur. 15

16 icity Tasarım Application Base 1. Uygulama kullanıcısının kim olduğunu login sürecinden sonra tutar. (mainuser:user) 2. Kullanıcının arkadaş listesi ne uygulamamızın bu sınıfından erişmek mümkündür. (friendlist:friendlist) 3. Foursquare tarafında var olabilecek tüm kategorilerin listesi tutulmaktadır. (venuecategorylist:venuecategorylist) 4. Kullanıcıya ilişkin session bilgileri (Access token vb.) tutulmaktadır. (fssession:foursquaresession) 5. Foursquare API ile ilgili yapılabilecek tüm işlemler FSAdapterInterface ile yapılmıştır. FSAdapterInterface bir java interface olarak tasarlanmıştır ve ileride başka API ler kullanılmak istendiğinde uygulama üzerinde herhangi bir değişiklik yapılmasına gerek kalmayacaktır. (fpadapter:fsadapterinterface) 6. Web servis işlemleri WebServiceOperator ile yapılmaktadır. (webserviceoperator:webserviceoperator) 1. Wi-Fi, 3G, 2G / Edge bağlantılarının durumlarına ilişkin bilgiler observer patternine uygun olarak tasarlanmış olan NetworkConnectivityListener tarafından yapılacaktır. (nconnlistener:networkconnectivitylistener) 2. GPS Lokasyonuna ilişkin bilgiler de GOLocationManager ile tutulmaktadır. Sekil 5.3 Uygulama Başlangıç Nesnesi icity Tasarım Login Mobil uygulama kullanıcısının FoursquareApiile iletişime geçebilmesi için ise sisteme oauth ile login olması gerekmektedir. Buna göre; 1. Kullanıcı uygulamanın login paneline girer. 2. oauth güvenli authorization panelimiz açılır. 3. Kullanıcı adı ve şifre girişini yapar. 4. Kullanıcıya ilişkin bilgiler ile foursquare üzerinde koşacak olan api key foursquare tarafına gönderilir. 5. Foursquare servisi kullanıcıyı login ettikten sonra access token dönüşü yapar. 6. Kullanıcıya spesifik bu access token key ile, izinler dahilinde işlemler yapılmaktadır. 16

17 icity Tasarım Login icity Tasarım Login 17

18 icity DEMO icity Tasarım Uygulama Ana Ekranı Action Bar Sub Activity TabGroup 18

19 icity Tasarım Uygulama Ana Ekranı icity Tasarım Son Check-in Yapılan Yerler 19

20 icity Tasarım Son Check-in Yapılan Yerler icity Tasarım Son Check-in Yapılan Yerler Son check-in yapılan yerleri tek tek Foursquare apiile birlikte sorgulama yapmak oldukça performans düşürücü olacağından bu konuda akıllı bir çözüm üretilmiştir. Bu sebeple de sayfası liste olarak kullanıcının arkadaş listelerini alır ve bu arkadaş listesine göre son check-in lerinlistesi dönülür. Bu sayfada kullanıcıdan alınan accesstokenile CURL altyapısı kullanılarak sorgulama yapılmaktadır. Bu sayede sonuçlar mobil uygulamaya göre çok daha hızlı bir uzak server üzerinde toplu halde hesaplanır ve bu da oldukça akıllı bir çözüm olmaktadır. 20

21 icity Tasarım Mekan Arama Kategori kısıtlamaları (Akıllı Öneride Kullanılacak) Her kategoriye ait alt kategoriler bulunmaktadır. Tablar üzerindeki yazılar kaymakta icity Tasarım Mekan Arama (Kısıtlamalar) 21

22 icity Tasarım Mekan Arama icity Tasarım Mekan Arama (Harita) 22

23 icity Tasarım Mekan Arama (Harita) icity Tasarım Check-in Yapma Süreci 23

24 icity Tasarım Check-in Yapma Süreci icity Tasarım Check-in Yapma Süreci 24

25 icity DEMO icity Tasarım Akıllı Yer Önerme Kullanıcılar daha önce hiç gitmedikleri yerler hakkında bilgi edinebilmek istediklerinde akıllı yer önerme algoritması kullanılmaktadır. Akıllı yer önermeyi sağlayabilmek için, kullanıcının sosyal ağ üzerinde yaptığı bir takım işlemleri, web servisimiz aracılığıyla kendi veritabanımızdatutmak suretiyle kayıt altına aldık. Bu kayıtlar kişinin sevdiği ya da sevmediği yerler hakkında bilgilerin tutulması ve mekanlar hakkında puanlamanın yapılabilmesi için kullanılmaktadır. Akıllı yer önermenin temel amacı kullanıcıya daha önce hiç gezmediği mekanları, daha önce gittiği mekanlardan ve arkadaşlarının gittiği mekanlardan yola çıkarak mantıklı biçimde önerebilmektir. 25

26 icity Tasarım Akıllı Yer Önerme istek Foursquare API istek kayıt icity Tasarım Akıllı Yer Önerme 26

27 icity Tasarım Akıllı Yer Önerme icity Tasarım Akıllı Yer Önerme 27

28 icity Tasarım Akıllı Yer Önerme PROCEDURE [dbo].[graduationsp_getuserssuggestedvenues] 1. Check-in tablosundan kullanıcının daha önce gitmediği ve kullanıcıya yakın mesafedeki mekanlar getirilir. 2. Mekanların kategori bilgileri ilgili tablodan alınmakta ve sonrasında web servise dönderilmektedir. 3. Web servis daha önceden almış olduğu kullanıcının geçmiş check-in lerinin kategori bilgilerine göre bu mekanlar arasında çok sevilenden az sevilene göre bir sıralama yapmaktadır. Örnek vermek gerekirse; İncelediğimiz kullanıcı daha önceden 3 kere fastfoodkategorili mekanda ve 2 kez de eğitim kategorili mekanlarda check-in olmuş ise, sistem bu kullanıcı için fastfoodkategorisine sahip mekanı listede eğitim kategorili mekanlardan daha ön sıralara koyacaktır. I am as proud of what we don t do as I am of Teşekkürler. what we Sorular? do. Steve Jobs Oben ISIK Gökhan KARACA 28