ASP.Net ile web uygulaması geliştiriyorsunuz.
web.config dosyası içerisine, ConnectionString’lerinizi yazdınız.
Güvenlik endişelerinden dolayı, web.config dosyanızın ConnectionStrings alanını şifrelemek istiyorsunuz.
Konfigürasyon dosyasını şifrelemek için hangi .Net tool’unu kullanmalısınız?
Sorunun doğru cevabı için; Devamını oku…
Bir web sayfasının (Bir programcının dünyası, Karalamalar, Fatih Durğut, NTVMSNBC, Wikipedia gibi..) içeriğini okuduktan sonra, Html taglarından ayıklayıp bir sözlük oluşturabiliriz.
Bu yazımda, C# ve Regex kullanarak böyle bir uygulamayı nasıl yazabileceğimizi anlatacağım.
Yukarıdaki resimdeki formu oluşturduysanız, Button‘un Click olayını yazmaya başlayalım;
WebRequest wr = WebRequest.Create(txtAdres.Text);
WebResponse ws = wr.GetResponse();
StreamReader sr = new StreamReader(ws.GetResponseStream(), Encoding.UTF8);
string response = sr.ReadToEnd();
sr.Close();
ws.Close();
List<string> arrSozluk = new List<string>();
Regex r = new Regex("<(.|\n)*?>");
foreach (string satir in r.Replace(response, "").Split(" \t\r\n({[]}),.;:*-+/?<>&%'#@=\"\\_".ToCharArray(), StringSplitOptions.RemoveEmptyEntries))
if (!arrSozluk.Contains(satir.Trim()))
arrSozluk.Add(satir.Trim());
StringBuilder sb = new StringBuilder();
foreach (string satir in arrSozluk)
sb.AppendLine(satir);
txtSozluk.Text = sb.ToString();
Regex nesnesi ile Html taglarını, response‘tan siliyoruz. Daha sonra, kelimeleri bölmek için Split fonksiyonunu kullanıyoruz.
Generic List sınıfından bir nesneye her bir kelimeyi ekliyoruz.
Son olarakta, Generic List içerisindeki kelimeleri TextBox aracılığı ile ekrana yazdırıyoruz.
Uygulamanın kaynak kodlarına buradan erişebilirsiniz.
Google, Bing, Yahoo gibi arama motorları, internetteki sayfaları indexlemek için web crawler denilen programcıklar kullanırlar.
Crawler’ların çalışma mantığı basittir;
Crawler’ın, sayfadaki linkleri bulabilmesi anahtar adımdır.
Yazacağımız uygulamada, bir web crawler gibi sayfadaki linkleri bulacağız.
Ekran görüntüsündeki formu oluşturduktan sonra, Buton‘un Click olayına ait kodu yazmaya başlayalım.
private void btnLinkleriBul_Click(object sender, EventArgs e)
{
WebRequest wr = WebRequest.Create(txtAdres.Text);
WebResponse ws = wr.GetResponse();
StreamReader sr = new StreamReader(ws.GetResponseStream(), Encoding.UTF8);
string response = sr.ReadToEnd();
sr.Close();
ws.Close();
Regex r = new Regex("<a.+href=\"http.+://(.+)\">(.*)</a>");
foreach (Match m in r.Matches(response))
{
string link = m.Groups[1].Value;
if (link.IndexOf("\"") > -1)
link = link.Substring(0, link.IndexOf("\""));
string metin = m.Groups[2].Value;
ListViewItem oItem = new ListViewItem(new string[] { metin, link });
lvSonuc.Items.Add(oItem);
}
}
Code Challenge #1 ve C# ile Google PageRank Bulma yazılarında kullandığım tekniğin aynısı ile sayfanın içeriğini string değişkene alıyoruz.
WebRequest wr = WebRequest.Create(txtAdres.Text); WebResponse ws = wr.GetResponse(); StreamReader sr = new StreamReader(ws.GetResponseStream(), Encoding.UTF8); string response = sr.ReadToEnd(); sr.Close(); ws.Close();
Daha sonra, Regex sınıfından yeni bir örnek oluşturup (constructer’ına verdiğimiz parametre önemli), dönen sonuç kümesinin içeriğini ListView kontrolüne dolduruyoruz.
Eğer sayfanın içeriğini tuttuğumuz değişkeni veritabanına yazsak, ve sayfada bulduğumuz her link için bu adımları tekrar yapsak, tam bir web crawler uygulaması yazmış olacaktık.
Ama bu noktadan itibaren uygulamayı geliştirmeyi size bırakıyorum (BilgeAdam’daki öğrencilerime hep dediğim gibi, “Bundan sonrası size ödev!”)
Projenin bu halini şuradan indirebilirsiniz.
Google‘ın PageRank uygulaması, web sitelerinin Google tarafından önemini bulmakta kullanılan bir algoritmadır.
Wikipedia’daki şu adresten, PageRank algoritması ile ilgili ayrıntılı bilgiye erişebilirsiniz.
Siz de sitenizin PageRank değerini http://www.prchecker.info adresinden bulabilirsiniz.
Yazacağımız uygulama ile, sitenizin Google PageRank değerini programatik olarak buldurabileceğiz.
Google sitelerin PageRank değerlerini, http://toolbarqueries.google.com/search adresine gönderilen sorgulara cevap olarak verebiliyor. Fakat sonuç alabilmemiz için bu adrese doğru parametreleri vermemiz gerekiyor, aksi halde HTTP403 : Forbidden hatası alıyoruz.
Parametreler:
Checksum bilgisini hesaplamak için Google’ın yayınladığı bir algoritma var. Uygulamamızda, bu algoritmayı C# ile yazacağız.
Yukarıdaki resimde görünen arayüzü hazırladıktan sonra, projemize GooglePageRank isminde static class ekliyoruz.
GooglePageRank static class’ı üç tane static method’dan oluşuyor.
private static void Mix(ref uint a, ref uint b, ref uint c)
{
a -= b;
a -= c;
a ^= c >> 13;
b -= c;
b -= a;
b ^= a << 8;
c -= a;
c -= b;
c ^= b >> 13;
a -= b;
a -= c;
a ^= c >> 12;
b -= c;
b -= a;
b ^= a << 16;
c -= a;
c -= b;
c ^= b >> 5;
a -= b;
a -= c;
a ^= c >> 3;
b -= c;
b -= a;
b ^= a << 10;
c -= a;
c -= b;
c ^= b >> 15;
}
private static string GoogleChecksum(string url)
{
uint GoogleMagic = 0xE6359A60;
uint a, b;
uint c = GoogleMagic;
a = b = 0x9E3779B9;
int k = 0;
int length = url.Length;
while (length >= 12)
{
a += (uint)(url[k + 0] + (url[k + 1] << 8) + (url[k + 2] << 16) + (url[k + 3] << 24));
b += (uint)(url[k + 4] + (url[k + 5] << 8) + (url[k + 6] << 16) + (url[k + 7] << 24));
c += (uint)(url[k + 8] + (url[k + 9] << 8) + (url[k + 10] << 16) + (url[k + 11] << 24));
Mix(ref a, ref b, ref c);
k += 12;
length -= 12;
}
c += (uint)url.Length;
switch (length)
{
case 11:
c += (uint)(url[k + 10] << 24);
goto case 10;
case 10:
c += (uint)(url[k + 9] << 16);
goto case 9;
case 9:
c += (uint)(url[k + 8] << 8);
goto case 8;
case 8:
b += (uint)(url[k + 7] << 24);
goto case 7;
case 7:
b += (uint)(url[k + 6] << 16);
goto case 6;
case 6:
b += (uint)(url[k + 5] << 8);
goto case 5;
case 5:
b += (uint)(url[k + 4]);
goto case 4;
case 4:
a += (uint)(url[k + 3] << 24);
goto case 3;
case 3:
a += (uint)(url[k + 2] << 16);
goto case 2;
case 2:
a += (uint)(url[k + 1] << 8);
goto case 1;
case 1:
a += (uint)(url[k + 0]);
break;
default:
break;
}
Mix(ref a, ref b, ref c);
return string.Format("6{0}", c);
}
public static string PageRankHesapla(string adres)
{
string checkSum = GoogleChecksum("info:" + adres);
string url = "http://toolbarqueries.google.com/search?client=navclient-auto&ch=" + checkSum + "&features=Rank&q=info:" + adres;
try
{
WebRequest request = WebRequest.Create(url);
WebResponse response = request.GetResponse();
StreamReader reader = new StreamReader(response.GetResponseStream());
string data = reader.ReadToEnd();
reader.Close();
response.Close();
if (data.IndexOf(':') != -1)
data = data.Substring(data.LastIndexOf(':') + 1);
return data;
}
catch (Exception)
{
return "-1";
}
}
Şimdi yapmamız gereken, Butonun Click olayında, GooglePageRank static class’ının PageRankHesapla method’unu çağırmak ve dönen değeri Label’da göstermek.
Uygulamanın çalışır halini bu adresten indirebilirsiniz.
Dün Emre (nam-ı diğer kara) arkadaşımla internette gezerken, bir youtube video’suna denk geldik. Emre’nin bilgisayarındaki hosts dosyasında güncel youtube ip adresleri olmadığı için videoyu izleyemedik.
Aklımıza, youtube domainine ait ip adreslerini otomatik olarak bulacak ve hosts dosyasını güncelleyecek bir uygulama yazmak geldi. Öğle yemeğine çıkmamıza 15 dakika olduğu için, bunu bir yarışa dönüştürmeye karar verdik.
İşte Yarışmanın Kuralları;
Sizinde 15 dakikanız var, code challenge‘ımıza katılmak ister misiniz?
Benim çözümümü görmek için Devamını oku…
Silverlight 3 ve öncesi versiyonlarda, yazı alanına sığmayan metinleri, üç nokta ekleyerek trim etmek için, kendi kontrolümüzü yazmamız gerekiyordu.
Mesela, elimizde şöyle uzun bir yazı olsun;
Silverlight helps you create rich web applications that run on Mac OS, Windows, and Linux. Welcome to a new level of engaging, rich, safe, secure, and scalable cross-platform experience.
Bu yazıyı, 250px’lik bir metin alanında göstermemiz lazım, ama sığmayan kısımları yanyana üç nokta ile göstermemiz gerekiyor.
Silverlight helps you create rich web applications …
Silverlight 4 versiyonundan önce, bu isteğimizi yerine getirmek için, kendi TextBlock kontrolümüzü yazmamız gerekirdi.
Silverlight 4 versiyonla birlikte ise, TextBlock kontrolünün TextTrimming=”WordEllipsis” özelliğini kullanabiliyoruz.
Örnek kod:
<TextBlock FontSize="16" TextTrimming="WordEllipsis" Width="250" Text="Silverlight helps you create rich web applications that run on Mac OS, Windows, and Linux. Welcome to a new level of engaging, rich, safe, secure, and scalable cross-platform experience." />
18 Kasım 2009 tarihinde, Microsoft PDC’09 (Microsoft Proffessional Developers Conference 2009) konferansında konuşmacı Scott Gutherie, Silverlight 4 Beta’nın yayınlandığını duyurdu.
Resmi sitesi silverlight.net‘te yer alan şu sayfadan ayrıntılı bilgiye ulaşabilirsiniz.
Channel9′da yeralan video‘dan yenilik olarak nelerin geleceğini izleyebilirsiniz.
Yeniliklerden kısaca bahsetmek gerekirse;
Listenin tamamına ve açıklamalarına buradan ulaşabilirsiniz.
Silverlight ekibi 4. versiyonun betasını yayınlarken, Expression Blend ekibi de boş durmamış ve Silverlight 4 çıktı üretebilen Expression Blend versiyonunun beta’sını yayınlamış.
Microsoft Download’da yer alan şu sayfadan Expression Blend Preview for .Net 4 versiyonunu indirebilirsiniz.
jQuery ile uygulama geliştirirken en büyük avantajımız, web’de çok fazla plugin bulabilmemizdir.
Bir arkadaşımın sorusu üzerine, slide-show yaptırabileceği jQuery plugin’i aramaya başladım.
Karşılaştığım birkaç plugin’den en çok hoşuma giden, CrossSlide oldu.
Örnek kullanımını görmek için demo sayfasına bakabilirsiniz.
Sıkıştırılmamış hali 11Kb olan plugin’i şuradan indirebilirsiniz. (Nedense plugin’in minify versiyonu bulunmuyor.)
Minify halini arayan geliştiriciler için, plugin’i http://jscompress.com adresinden minify ettirdim. Minify edilmiş halini (6.46Kb) buradan download edebilirsiniz.
Minify edilmiş halini değil, packed halini download etmek istiyorsanız, aynı siteden packed (4.59Kb) ettirdim. Onu da buradan download edebilirsiniz.
jQuery için web’de bulabileceğiniz diğer slide-show eklentileri;
Yazdığımız web uygulamalarında, uyarı / bilgilendirme mesajı vermeye her zaman ihtiyaç duyarız.
Gelelim, CSS tekniklerini kullanarak, bu mesaj kutularını nasıl yapabileceğimize.
Öncelikle style’larımızı yazdığımız css dosyasına, şu satırları ekleyelim;
.alert
{
background: #fff6bf url(exclamation.png) 15px 50% no-repeat;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
.info
{
background: #f8fafc url(information.png) 15px 50% no-repeat;
text-align: left;
padding: 5px 20px 5px 45px;
border-top: 2px solid #b5d4fe;
border-bottom: 2px solid #b5d4fe;
}
Şimdi tek yapmamız gereken, paragraf tagları arasına mesajımızı yazmak ve paragraf tagına ilgili class’ı atamak.
Örnek;
<p class="alert">Uyarı mesajı buraya gelecek.</p> <p class="info">Bilgilendirme mesajı buraya gelecek. Birden fazla satır olabilir.</p>
İşte sonuç;
Demo sayfasını görmek ve kodları indirmek için tıklayın.
Şu adreste, bu tekniğin uygulandığı, download edilebilir kodları bulabilirsiniz.
Yazının orjinaline ise şu kaynaktan ulaşabilirsiniz.
İstediğiniz resimleri, aşağıdaki css tekniği ile önyükleyebilirsiniz.
#preloadedImages
{
width: 0px;
height: 0px;
display: inline;
background-image: url(path/imageA.png);
background-image: url(path/imageB.png);
background-image: url(path/imageC.png);
background-image: url(path/imageD.png);
background-image: url(path/imageE.png);
background-image: url();
}