Bulut Bilişim - Azure'de DreamSpark ile Ücretsiz Web Sitesi Oluşturmak

1. Sakarya Üniversitesi – 2015
FEN BİLİMLERİ ENSTİTÜSÜ
UZAKTAN EĞİTİM TEZSİZ YÜKSEK LİSANS
BİLİŞİM SİSTEMLERİ PROGRAMI
BULUT BİLİŞİM DÖNEM ÖDEVİ
Hazırlayan
Ahmet SÖNMEZ - E125043160

2. Sakarya Üniversitesi – 2015
Amaç : Bulut Bilişim Teknolojisinin çalışma sistemini ve prensiplerini
anlamak, kullanımını sağlayarak avantaj ve dezavantajlarını
gözlemlemek.
Ödev Konusu : Visual Studio ortamında geliştirilen web tabanlı
uygulama projesinin adım adım bulut bilişim ortamında barındırılması
ve yayınlanması işlemlerinden oluşmaktadır.
Ödeve ilişkin teknik detaylar aşağıdaki tabloda ifade edilmiştir.
Altyapı Abonelik Tipi Geliştirme Ortamı Programlama Dilleri
Microsoft Azure DeamSpark Visual Studio 2012
Ultimate
C# , Asp.net MVC4,
HTML5
Bulut Bilişim ödevi hazırlanırken, piyasada mevcut olan sistemler
araştırılmış olup kullanım kolaylığı, alışkanlığı ve öğrencilere sunduğu
ücretsiz hizmetlerinden dolayı Microsoft Azure altyapısı tercih
edilmiştir.
Microsoft öğrencilere özel olan DreamSpark portalı üyelerine, Azure
üzerinde ücretsiz imkanlar sağlamaktadır. Ancak, DreamSpark
abonelik tipi kısıtlı olduğundan ödev içerisindeki uygulamada veri
tabanı kullanılamamıştır.

3. Sakarya Üniversitesi – 2015
1- Microsoft Azure Hesabı Oluşturmak
Öncelikle Microsoft Azure ‘da DreamSpark üyeliği ile kayıt olmak için
bu link üzerinden sayfaya erişimi sağlıyoruz. Çünkü Microsoft her
abonelik tipi için ayrı sorgulamalar ile kayıt yaptırmaktadır.
*(90 günlük ücretsiz denem abonelik tipinde kredi kartı bilgileri de talep edilmektedir.)
Şekil 1
MS Azure , üyelik aktivasyonunu cep telefonunuza gelen SMS ile
gerçekleştirmektedir. Bu nedenle tüm üyelik bilgilerinizi yazdıktan
sonra “SMS Gönder” butonuna tıklayarak aktivasyon kodunun cep
telefonumuza gelmesini bekliyoruz. SMS 1 dk gibi kısa bir süre
içerisinde cep telefonumuza ulaşıyor.

4. Sakarya Üniversitesi – 2015
Şekil 2
Aktivasyon işlemlerini gerçekleştirdik sonra sisteme giriş yaptığımızda
bizi Şekil-2 deki arayüz karşılamaktadır. Çok esnek ve kullanıcı dostu bir
arayüz hazırlanmış. Özellikle Türkçe dil desteği olması da tüm
kullanıcılar için ayrı bir avantaj sağlamış durumda.
2- Web Uygulaması Oluşturmak
Şekil 3
Şekil-3 ‘de görüldüğü üzere soldaki menüden “Web Uygulamaları”
sekmesine tıklayarak detaylı bilgilerinin açılmasını sağlıyoruz. Açılan

5. Sakarya Üniversitesi – 2015
yeni sekmeden “Ekle” butonuna tıklıyoruz. Eğer daha önceden
eklenmiş olan web uygulamalarımız olsaydı listede görüntüleniyor
olacaktı.
Şekil 4
Şekil-4 ‘de oluşturacağımız Web uygulamasına bir isim veriyoruz.
Abonelik ve Kaynak grubu default olarak gelmektedir.
Şekil 5
Oluştur butonuna tıklayarak işlemlerimizi sonlandırıyoruz.

6. Sakarya Üniversitesi – 2015
Şekil 6
Artık web uygulamamız oluşturma işlemleri başladı. Yaklaşık olarak 2-
3 dk arasında dağıtım işlemleri sürmektedir. Yani oluşturulan bu
uygulamanın bulut üzerinde hangi lokasyonda ve sunucuda
barındırılacağı ayarları gerçekleştirilmektedir.
Şekil 7
Şekil-7’ de gördüğümüz üzere artık web uygulamamız kullanıma hazır
hale getirildi.

7. Sakarya Üniversitesi – 2015
3- Web Uygulamasının Detayları ve Düzenlenmesi
Web uygulamamızı oluşturduktan sonra bu alana erişim, yayınlama vs.
işlemlerimiz için bazı ayarlamaları yapmamız gerekiyor. Bunun için
Şekil-7 üzerinde görüldüğü üzere açılan yeni uygulamamızın üstüne
tıklıyoruz.
Şekil 8
Açılan yeni ekran da üyelik bilgleri ve web uygulamasının URL’i gibi
bilgiler yer almaktadır. Yine Şekil-8’deki üst menülerde “Ayarlar”
kısmına tıklayarak ayarlar sekmesine geçişi sağlıyoruz. Açılan yeni
sekmeden “Dağıtım Kimlik Bilgileri” seçeneğinin özelliklerine ulaşmak
için tekrar tıklıyoruz.
Şekil 9

8. Sakarya Üniversitesi – 2015
“Dağıtım Kimlik Bilgileri” aslında klasik FTP bilgileridir. Yani Azure’nin
bizim için oluşturmuş olduğu alana erişmek için kullanıcı ve şifre
belirliyoruz.
Şekil 10
İlgili kullanıcı adı ve şifremizi de oluşturduktan sonra sekmedeki diğer
seçeneklere de göz atıyoruz. “Özellikler” sekmesine geldiğimiz de web
uygulamamızın durumu, adresi, ftp kontak adı vs. gibi detaylı bilgilere
ulaşabilmekteyiz.
Şekil 11
“Uygulama Ayarları” sekmesinde ise, bu alanda çalıştıracağımız
uygulamanın teknik altyapı seçeneklerini düzenleyebilmekteyiz.

9. Sakarya Üniversitesi – 2015
Son sürüm yazılım platform versiyonlarının olması bulut bilişimin
gücünü burada bize hissettirmektedir. Aynı zamanda arka taraf da nasıl
bir sunucu üzerinde çalıştığını bilmememize rağmen, .Net, php, java
gibi birbirinden farklı platformu desteklediğini de yansıtmaktadır.
Artık buraya kadar işlemlerimizi tamamladık. Şuan da Azure üzerinde
hali hazır da ve çalışan bir web sunucumuz mevcut.
4- Visual Studio İle Web Projesi Oluşturmak
Azure üzerindeki Web uygulama sunucumuzda çalıştırmak üzere
Visual Studio üzerinde yeni bir web tabanlı uygulama oluşturacağız.
Öncelikle VS ‘yi açıyoruz.
Şekil 12
New Project diyerek yeni bir uygulama oluşturma penceresini
açıyoruz.

10. Sakarya Üniversitesi – 2015
Şekil 13
Uygulamamız C# tabanlı Web uygulaması olacak. Bunun için Asp.Net
MVC 4 Web Application seçeneğini seçiyoruz ve projemizin adını ve
saklayacağımız lokasyonu seçiyoruz. OK tuşuna basarak bir sonraki
adıma ilerliyoruz.
Şekil 14
MVC bize bir çok uygulama seçeneği sunmaktadır. Ödev
uygulamamızda “Internet Application” modülünü seçerek
ilerleyeceğiz.

11. Sakarya Üniversitesi – 2015
Şekil 15
Uygulamamız hazırlanıyor. Gerekli script, dll ve css dosyaları kısa süre
içerisinde yükleniyor.
Şekil 16
Uygulamamız açıldı. Internet Application olarak seçtiğimiz için hazır bir
template ve içerik yer almaktadır. Bu alanları kendimize göre
düzenleyerek bir micro web uygulaması hazırlıyoruz. Tasarlanan hali
aşağıdaki gibidir.

12. Sakarya Üniversitesi – 2015
Şekil 17
Şekil-17 üzerinde dikkat edileceği üzere öncelikle web sayfamızı kendi
localhost ‘umuz üzerinde çalıştırdık. Şimdi Azure’dan faydalanma vakti
geldi. Yayınlamanın(dağıtımın) farklı şekilleri yer almaktadır. Biz VS
2012 Ultimate ‘e göre yayınlamayı gerçekleştireceğiz. VS 2013 ve
sonrası versiyonlarında direk olarak Azure bağlantısı otomatik
gelmektedir.

13. Sakarya Üniversitesi – 2015
5- Web Projesinin Azure üzerinde yayınlanması
Daha önce Şekil-9 ‘da oluşturduğumuz dağıtım bilgilerimizi tekrar
Azure’den bu sefer paket olarak download edeceğiz ve bunu VS ile
entegre ederek yayınlama (dağıtım) işlemlerini gerçekleştireceğiz.
Şekil 18
Yine Azure panelimize gidiyoruz ve oluşturduğumuz web uygulaması
alanından üst sekmedeki menüler içerisinde yer alan “Yayınlama Profili
Al” seçeneğine tıklayarak daha önce oluşturduğumuz bilgileri paket
halinde download ediyoruz.
Şekil 19

14. Sakarya Üniversitesi – 2015
Şimdi düzenlediğimiz web projemizi yayınlamak için, ilgili web
projesinde sağ tıklıyoruz ve “Publish” seçeneğini seçiyoruz.
Şekil 20
Publish ile ilgili ekranımız açıldığında “Profil” sekmesinde bizden
publish profili import edebileceğimizi ifade eden bir ekran yer
alıyor.Daha önce download ettiğimiz profilimizi import butonuna
basarak ekliyoruz.
Şekil 21

15. Sakarya Üniversitesi – 2015
Şekil 22
Şekil 23
Dosyamızı eklediğimizde Şekil-23’de görüldüğü üzere bilgilerimiz ilgili
alanlarda dolu olarak gelir. Ancak burada dikkat edilmesi gereken
konu, bir sonraki adıma geçmeden önce mutlaka “Validate
Connection” butonuna tıklayarak bilgilerimizin ve bağlantımızın
doğruluğunu teyid etmemiz gerekiyor.

16. Sakarya Üniversitesi – 2015
Şekil 24
Bilgilerimizin doğruluğunu da teyit ettikten sonra ftp alanına
yükleyeceğimiz dosyalar liste şeklinde ekrana dökülecektir. Son olarak
“Publish” butonuna basıyoruz ve dağıtım işlemini başlatıyoruz.
Şekil 25
“Ouput” kısmında dosyalarımızın artık yüklenmeye başladığını
görmekteyiz.

17. Sakarya Üniversitesi – 2015
Şekil 26
Dosyalarımızın yüklenmesi tamamlandığı anda ,
bulutbilisimodevi.azurewebsite.net adresinde projemiz açılıyor.
Oluşturduğumuz web sayfasını Azure sayesinde yayınlamak bu kadar
kısa sürede ve kolaylıkla yapılabilmekte.
Şekil 27
Projemize tekrar baktığımızda import ettiğimiz dağıtım bilgileri
projemize eklenmiş. Ancak şifre bilgileri güvenlik açısından
kriptolanmış bir şekilde yer almaktadır.

18. Sakarya Üniversitesi – 2015
Oluşturduğumuz projeyi düzenli aralıklarla veya talep edilen
güncellemeler neticesinde tekrar tekrar yayınlamak durumundayız.
Bunun için her seferinde projedeki hangi dosyalar üzerinde değişiklik
yaptığımızı tespit edip tek tek atmamız gerekecekti veya tamamını
baştan atacaktık.
Azure ile sadece üzerinde değişiklik yaptığımız dosyalar sistem
tarafından tespit edilmekte ve dağıtım işlemine onlar tabi
tutulmaktadır. Hem hız ve performans açısından çok faydalı olan bu
durum kullanıcılara büyük kolaylık sağlamaktadır.
Şekil 28
Yine Publish adımlarını takip ederek Şekil-28 deki ekrana geldiğimizde
“Start Preview” diyerek değişiklik yapılan dosyaları sistem
taramaktadır.

19. Sakarya Üniversitesi – 2015
Şekil 29
Şekil-29’da 3 adet dosyada değişiklik yaptığımız tespit edildi ve publish
işlemini başlattık.
Şekil 30
Artık “hakkında” sayfası da düzenlendi ve yayınlandı. Bundan sonraki
tüm dağıtımlarımızı aynı şekilde gerçekleştirebiliriz.

20. Sakarya Üniversitesi – 2015
6- Web Uygulamasını İzleme ve Kaynakları İzleme
Oluşturduğumuz Web Uygulamaları, sanal makinalar, Sql Veritabanı
gibi kaynakların bilgilerini ve değerlerini izleyebilir, bunlar hakkında
değerlendirmeler ve alarmlar oluşturabiliriz. Abonelik tipimiz sadece
Web Uygulaması eklemeye müsaade ettiğinden sadece bu alanla ilgili
izleme ekranlarına nasıl erişim sağlayacağımızdan bahsedeceğiz.
Aslında temel de tüm ürün ve hizmetler de yaklaşımlar aynı.
Şekil 31
Bunun için “Tüm Kaynaklar” seçeneğine tıklayarak yukarıdaki
kaynaklar sayfama erişim sağlıyoruz.
Şekil 32

21. Sakarya Üniversitesi – 2015
Oluşturduğumuz web uygulamasını seçtiğimde “İzleme ve Hatalar”
isimli default olarak oluşturulmuş bir dinamik bir chart ekranı
gelmektedir. Burada web sitenize yapılan istekler ve yapılan isteklere
karşı alınan hataların oranları yer almaktadır.
Şekil 33
Tabi ki Azure bize bu grafikleri ve gelen değerleri değiştirme imkanı da
sunmaktadır. Biz istersek CPU, Data giriş ve çıkışlarını, 404 ve diğer
hata sayfalarının değerlerini buradan takip edebiliyoruz.
Şekil 34

22. Sakarya Üniversitesi – 2015
Aynı zamanda, istediğimiz kadar izleme değeri de ekleyebiliyoruz.
Örnek olması için bir tanede CPU değerlerini 5dk aralıklarla takip eden
bir alert oluşturuyoruz.
Şekil 35
Her seferinde bu adımları izlememek için panoya sabitleyerek giriş
sayfamıza ekleyebiliyoruz.
Şekil 36
Her abonelik tipine göre soldaki menüler ve yetkileri değişiklik
göstermektedir. Ancak temelde tüm oluşturma ve gerçekleştirme
eylemleri kısmen aynıdır. İhtiyaca göre teknoloji ve kaynak kullanımı
tasarrufları için bulut bilişim çok başarılı.

23. Sakarya Üniversitesi – 2015