Google Web Toolkit ile Öğretim Elemanı Otomasyon Sistemi

Ebat: px

Şu sayfadan göstermeyi başlat:

Download "Google Web Toolkit ile Öğretim Elemanı Otomasyon Sistemi"

Ilkin Jamaković
8 yıl önce
İzleme sayısı:

1 Google Web Toolkit ile Öğretim Elemanı Otomasyon Sistemi Mehmet Karakoç Akdeniz Üniversitesi Bilgisayar Bilimleri Araştırma ve Uygulama Merkezi inet-tr'14 : GWT AUFaculty Project 1

2 İçerik Giriş Mevcut Sistem Özgür Web Teknolojisi olarak Google Web Toolkit (GWT) Geliştirilen Sistem Mevcut Detaylar Kullanılan Teknolojiler Gerçekleştirilen Modüller Gerçekleştirilecek Modüller Sonuç inet-tr'14 : GWT AUFaculty Project 2

Kullanılan Teknolojiler Gerçekleştirilen Modüller

3 Mevcut Sistem inet-tr'14 : GWT AUFaculty Project 3

4 Genel Olarak GWT GWT kodunuzu optimize edilmiş JavaScript e (JS) derler. Sonuç kod HTML + CSS + JS olduğundan konuşlandırma işlemi (deployment) kolaydır. (statik içerik için HTML, görsel tasarım (styling) için CSS ve dinamik içerik için JS [1]) Grafiksel kullanıcı arayüzü bileşenleri olarak kendi Widget ları vardır. Temel amaç, farklı alanlardan Java geliştiricilerini web uygulamaları geliştirme dünyasına kolayca dâhil etmek inet-tr'14 : GWT AUFaculty Project 4

(statik içerik için HTML, görsel tasarım (styling) için CSS ve dinamik içerik için JS [1]) Grafiksel kullanıcı arayüzü

5 Geliştirilmekte Olan Sistem (AUFaculty Projesi) Projede, GWT Widget larını kullanmak yerine, Bootstrap karşılıkları ile arayüzler tasarlanmaktadır (mobil için). Bu amaçla, LoginView ve NavbarView gibi görünüm örnekleri oluşturulmuştur. Katkı: JS bilgisi gerektirmeksizin sadece Java programlama dili ile esnek ve verimli, web tabanlı ve mobil uyumlu uygulama geliştirebilme inet-tr'14 : GWT AUFaculty Project 5

Bu amaçla, LoginView ve NavbarView gibi görünüm örnekleri oluşturulmuştur.

6 Öğretim Elemanları için Bilgi Yönetim Sistemi Geliştirme Ortamı [Ubuntu 14.04] JDK 1.7u55 Eclipse Maven (External) m2e Subversive SVN (SVN Kit 1.6) Google Plugin for Eclipse Altyapı Bileşenleri UiBinder GWT-Bootstrap Google Guava EventBus MyBatis inet-tr'14 : GWT AUFaculty Project 6

7 Öğretim Elemanları için Bilgi Yönetim Sistemi Proje Yaşam Döngüsü Proje Yönetim Aracı: Trac. (Yapılan değişikliklerin detayları trac üstünden görülebilir.) Sürekli Entegrasyon Sunucusu: Jenkins. Proje her gece 23:00 te derlenir. JavaDoc oluşturulur ve yayınlanır. * Derlemeyi kıran geliştiriciler e-posta ile uyarılır. Düzeltildiğinde de bilgilendirilirler. Derleme başarılı ise otomatik olarak uygulama sunucusuna konuşlandırılır. Geliştirici referans kaynakları: JavaDoc. Test uygulama sunucusu: Tomcat inet-tr'14 : GWT AUFaculty Project 7

JavaDoc oluşturulur ve yayınlanır. * Derlemeyi kıran geliştiriciler e-posta ile uyarılır. Düzeltildiğinde de bilgilendirilirler.

8 Genel Noktalar GWT uygulaması oldukça modüler bir yapıda geliştirilmekte? Sürdürülebilirlik sağlanmalı Bakım işlemleri kolaylıkla yapılabilmeli Takım büyüyebilir Veri Tabanı (VT) Yönetim Sistemi olarak MS SQL Server (eskiden kalan / mevcut veriler [legacy data] var) kullanılmaktadır. Mobil ve Masaüstü erişim söz konusu Kullanıcı arayüzü tasarımı önemli VT yapısı değişime açık inet-tr'14 : GWT AUFaculty Project 8

Yönetim Sistemi olarak MS SQL Server (eskiden kalan / mevcut veriler [legacy data] var) kullanılmaktadır.

9 Teknolojiler UiBinder: Kullanıcı Arayüzü ve İş Mantığı (Business Logic) kodlarını birbirinden ayrık tutarak modülerliği desteklemek için çözüm. [2] GWT-Bootstrap: GWT Widget larının mobil platformlarda performansı kötü, Bootstrap bu alanda da facto* çözüm. GWT-Bootsrap, Twitter Bootstrap bileşenlerinin GWT Widget ları hâlinde marshall^ edilmiş hâli. [3] MyBatis: VT katmanını ve yapısını uygulamanın diğer katmanlarından ayrık tutabilmek için bir çözüm. ibatis tabanlı (geliştiricileri de ortak). Diğer ORM (nesne ilişkisel haritalama) çerçevelerinden farklı olarak, Java nesneleri tablolara değil yöntemler sorgulara eşlenir. [4] inet-tr'14 : GWT AUFaculty Project 9

GWT-Bootsrap, Twitter Bootstrap bileşenlerinin GWT Widget ları hâlinde marshall^ edilmiş hâli.

10 Detaylar Kullanıcı (LoginView) arayüzleri tamamen istemci tarafında (Views) Veri Tabanı (FacultyServiceProxy) işlemleri tamamen sunucu tarafında (Proxy/RPC Services, DAO, Servlets) Paylaşılan Kısım Ortak işlemler, yordamlar, varlık nesnelerini içeren sınıflar vs. Tanımlanan Kontrolör: EventBus (*) kanalı kullanılarak, kullanıcı tarafı ile veri tabanı tarafı tamamen birbirinden ayrılmaktadır. [5] * (edu.akdeniz.faculty.shared.utility.event_bus) inet-tr'14 : GWT AUFaculty Project 10

11 Web Sayfalarını JAVA da Geliştirmek Uygulama konuşlandırma (deployment) Hata giderme (debugging) İyileştirme ve düzenleme Sürdürülebilirlik ve bakım Öğrenme süreci uzun olabilir; fakat son derece esnek, özelleştirilebilir ve özellikle büyük ölçekli uygulamalar için uygun Sunucu tarafının Java ile kodlanmasında GWT RPC kullanımı uygun inet-tr'14 : GWT AUFaculty Project 11

fakat son derece esnek, özelleştirilebilir ve özellikle büyük ölçekli uygulamalar için uygun

12 Tamamlanan Modüller Genel Tercihler Akademik Yıl ve Dönem Seçimi Aktif Ders-Şube Belirleme Şube İşlemleri Ders Programı Şube Öğrencileri (+Yoklama Listesi) Sınav İşlemleri Sınav Oluşturma Not Girişi Excel den Not Yükleme inet-tr'14 : GWT AUFaculty Project 12

Öğrencileri (+Yoklama Listesi) Sınav İşlemleri Sınav Oluşturma Not

13 Geliştirilen GWT Uygulaması inet-tr'14 : GWT AUFaculty Project 13

14 Sonuç Java geliştiricileri için düşük ölçüde öğrenme çabası Geliştiriciler için farklı alanların yetenekleri Geniş bir takımla çalışabilme imkânı Web projelerinde nesne yönelimli programlama Hem HTML ve CSS hem de GWT Widget larını kullanabilme imkânı GWT ile Zengin Arayüz Uygulamaları Geliştirebilme Hız ve işlevsellik Mobil Uyumluluk (Responsive) Sürdürülebilirlik ve yönetilebilirlik inet-tr'14 : GWT AUFaculty Project 14

Widget larını kullanabilme imkânı GWT ile Zengin Arayüz Uygulamaları Geliştirebilme Hız ve işlevsellik Mobil

15 Referans [1] Java Web Application Frameworks, [2] UIBinder, [3] GWT-Bootstrap, [4] SQL Mapping Framework for JAVA, [5] Event Bus: GWT Tutorial (Google Web Toolkit), inet-tr'14 : GWT AUFaculty Project 15

html [3] GWT-Bootstrap, http://gwtbootstrap.github.io/ [4] SQL Mapping Framework for JAVA, https://code.google.

Benzer belgeler

Google Web Toolkit ile Öğretim Elemanı Otomasyon Sistemi

inet-tr 14 - XIX. Türkiye'de İnternet Konferansı Bildirileri 27-29 Kasım 2014 Yaşar Üniversitesi, İzmir Google Web Toolkit ile Öğretim Elemanı Otomasyon Sistemi Mehmet Karakoç¹, Orçun Dayıbaş², Melih Günay¹