bulut bilişim azure'de dream spark ile ücretsiz web sitesi oluşturmak

23
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

Upload: ahmet-s

Post on 16-Feb-2017

416 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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

Page 2: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 3: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 4: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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

Page 5: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 6: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 7: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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

Page 8: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 9: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 10: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 11: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 12: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 13: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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

Page 14: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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

Page 15: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 16: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 17: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 18: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 19: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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.

Page 20: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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

Page 21: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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

Page 22: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

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ı.

Page 23: Bulut bilişim   azure'de dream spark ile ücretsiz web sitesi oluşturmak

Sakarya Üniversitesi – 2015