Yapılan iş: GENEL TANITIM VE PLANLAR Tarih: 15.06 · Yapılan iş: GENEL TANITIM VE PLANLAR Tarih: 15.06.2009 Stajın ilk gününde çalışan elemanlarla tanışıldı. Herkesin

Yapılan iş: GENEL TANITIM VE PLANLAR Tarih: 15.06.2009

Stajın ilk gününde çalışan elemanlarla tanışıldı. Herkesin özel uzman alanları vardı ve birlikte bir takım olarak çalışıyorlardı.

Kurum hakkında kısa belgilendirme

2000 senesinde Web tasarım amaçlı kurulmuştur. Günümüze dek sürekli gelişerek İnternet yazılım, web reklamcılık alında gülcü bir ortam oluşturmuştur.

Şirketin amacı: Gelişen dünyada herkes bilgiye nerede olursa orda görmek arzusundadır. Bundan dolayı web yazılım teknoloji hızlı gelişen bir sektördür. Bu sektörün bir parçası olarak kamuya kaliteli ve hızlı bir hizmet sunmayı temel olarak hedeflemektedir.

Bu staj döneminde web yazılım konusunda uzmanlaşan şirketin elamanı olan Mesut Bayr beyin yanında yer alımdı.

Staj döneminde planlanan konular

XHTML ve div’ lerin yapısı-Tablosuz platform

CSS -Cascading style Sheet tasarımı

C# uygulaması

Veri Taban eğirişimi

SERVER

Windows Form yazılım

.NET Web uygulamalar

E-Ticaret yönetim Paneli

Network yazılım

Staj döneminde kullanılacak kaynaklar

o C# ve Web applicatıon Adrian Turtschi, Jason Werry ISBN:1–928994–50–4

o Visual C# .NET John Sharp

o www.sourceproject.com / http://tr.wikipedia.org

o Marmara Web kaynak dosyalar

Staj yapanın imzası Staj yaptıranın imzası:

http://www.sourceproject.com/

Yapılan iş: XHML VE C# GİRİŞ Tarih: 16.06.2009

Amaç: Site inceleme yapması

www.eduq.com –Site inceleme yapıldı. FireFox FireBug aracıyla Sitenin ana yapısını alması. Siteye 15 makale girmesi ve hata raporları imcelemesi.

Eduq.com-Ebe beyler, öğretmenler ve her yaş ve sınıf aralıktaki çocuklara ve öğrenciler sunulan eğitim makaleler,aktinitiler ve kaynakları bulunduran tamamen CSS kullanılarak yapılan bir XHTML Sitesiydi.

Bu sitenin yönetim panelini inceleyerek gerekli olan veri taban ve temel işlemler yapıldı.

Güvenilir makale ve aktivite siteleri incelerek yazar onaylı yazıları siteye ekleme.

Hata raporları sezme

Rakip siteleri inceleme

CSS ile tasarlanan ve tablosuz halde “div’lerden “oluşan web sayfasın daha hızlı çalıştığını gözlendi. Ayrıca, birden fazla siteye aynı tasarımı uygulamak içim kullanılır. Tablo ile yer kaybederken div’ler istenilen ölçüde alan kaplanır.

C# Temel var sayımlar: C++ benzer şekilde nesne dayalı programla sınıf mantığında oluşturulmuştur tamamen. NET platforma destekleyen bir üst seviye dildir. Java ile benzer şekilde bellekteki kullanılmayan alanları otomatik olarak incelenerek işletim sisteme geri iade edilir.

.NET Taban: .Net taban üç ana kısımdan oluşur. Common Language Runtime(CLR), Base Class Library,Common Lanuage Specification

.Net tabandaki kodlar ilk önce” Microsoft İntermediate Language(MSIL)”. Bu değerleyici CLR içinde yer alır. Temel geliştirme alanlar Web Form, Web hizmetleri ve Windows Formu dur.

Aşağıdaki diyagramda. Net platformun ana mimarisini göstermektedir.

Diagram 2.1


http://www.eduq.com/

Yapılan iş: MİCROSOFT VİSUAL STUDİO 2008 WİNDOWS FORM’A GİRİŞ

Tarih: 17.06.2009

C# ve .NET temel işlemleri incelemesi

Sınıf yapısı enumarations temelleri

İheritance

Polimorpism

Delegates, Events, Event yönetimi

C# Runtime çalışma: Kod programda bir olayı C++ sınıf olarak tanımlanır. C# bunu bir (event) olay olarak tanımlar ve tam bu olayın gerçekleştiği zamanında çalıştıracak program parçasını çalıştıracağını belirtir. C++ olduğu gibi friend sınıf oluşturmaz ‘intern’ keyword ile billi sınfa’a erişebilir. Win32 API fonksiyonlar C# kodun içinde çağırılabilir. “.NET Framework Platform Invoke(PInvoke)” takım hizmet çağrılara destek verir. C++” destructor” yerine “Finalize “metodu yer alır. Bu metot (garbage) çöp kolektörün hazır olduğunda çalışır. C++ ‘da çağırıldığın zaman çalışır işletim sistemin şu anki işlemini bitmesini bekler. Microsoft Visual Studio İDE 2008 (VS) “Windows ve .NET” tabanlı yazılımları destekleyen güçlü bir editördür. Değerleme aşaması MSIL düzeyde gerçekleşir ve merkezi işletim birimi gerekli zaman erişir. İplikler ile kodun parçalarını çalıştırıldı. Her ana proje dizinin altında. dll uzantılı bir dosya bütün referansları saklanır. VS kullanılarak Windows programlama “Hello world” projesi: Bu projede öğretmen öğrenci ve asistan sınıfı oluşturmak ve her öğrencini almakta olduğu dersleri ve hocaların adını bulabilmek her hoca sınıftaki çocukların hakkında bilgi edinebilecektir. Projede: “Polimorpizm” ve “inheritance” kullanarak hoca öğrenci ve asistan sınıfları oluşturmuştur ve gerekli olan metotları yazılmıştır. Proje planlar:

Giriş Yönetim paneli görsel tasarım

Öğrenci ders ekle çıkar yönetimi

Hoca öğrenci ekle çıkar yönetimi

Asistan ders ekle çıkar yönetimi

Veri taban olarak file kullanmak


Yapılan iş: WİNDOWS PROGRAMLAMA Tarih: 18.06.2009

Windows Form oluşturması: Öğrenci, hoca, asistan sınıfların oluşturması “inheritance” aşamaları. *hdjs Bütün sınıfların anası people sanal bir sınıfı oluşturuldu. Metotlar yazıldı. Windows form oluşturması: Yönetim panel oluşturuldu. Txt. Uzantılı dosyadan kullanıcı adı ve şifre sorgulama yapıldı. Düğmeye basıldığı zaman yeni pencere açılarak hangi sınıftan olduğunu sorgulama yapıldı.


Hoca

Öğrenci

People sınıfı-virtual sınıf

Assistant

“Visual Studio İDE “ kullanırken

gereken adımlar.

Bütün işlemler sınıf halinde

oluşması

Çoklu dosya gerilimli program

olduğundan “Finalize” metodu

kullanılması

“Exception “her adımda

kullanılması her” .NET Base class“

kütüphaneden kullanılan

elemanların” exception” halını

gösterme

Hata sezme için “break Point

“oluşması

Windows Form proje esnasında oluşan problemler: Dosyadan oku işlemler işletim sistem tarafından az yapılmalı ara yazılımın oluşturması. Mesut Beyim öneri:

Veritabanı kullanılmak

Sanal (virtual) sınıfların “exception’ların” gerekli yerle oluşturması.

Yapılan iş: SEMİNER GÜNÜ-WEB SİTE TASARIMI Tarih: 19.06.2009

Seminer gününde Rasim Coşkun Bey tarafından Web sitelerin Tasarımı hakkında seminer yapıldı. Seminer:

Web sitelerin Tarihçesi

WWW. İnternetin 1990 oluşmasına beraber insanları arasın ilişki ciddi bir şekilde değişti. Firmasal olarak gelişen web site sektörü 2000 yılında geldiğinde artık herkesin kullanılabilecek düzeyde geldiği ve genç yazılımcıların bu sektörden büyük bir kazanç sağlandı.

HTML ve XTHML

Windows Explorer önceki sürümlerdeki gölge resimleri desteklemediğinden ayrı html kod parçası oluşturması gerekli. Eski html kodlamada her şeyi tablo halinde oluşturulduğundan her şeyin bir tüm parça olarak yapılmaktaydı. XHTML tablosuz ve gerekli olan yerlerde “div’ler” kullanılarak daha hızlı erişim sağlanan web sayfa oluşturulur.

Meta

Sayfa başlıktan sonra gelen aram robotların siteyi inceleme yapılırken bakıldığı ve hangi “charset” destekleyeceğini gösteren yerdir. Dünkü Windows form projesi devam edildi.


Yapılan iş: CSS ile WEB TASARIM Tarih:22.06.2009

CSS –Cascading Style Sheet Avantaj: Web tasarımda birden fazla tasarımı uygulamak için kullanılır. XHTML tasarımda özellikle CSS temel bir konudur. Genelde web sayfanın CSS tasarım aşağıdaki gibi olur. <Ana sayfa CSS> <Baçlık CSS> <Menü CSS> <Ana içerik CSS> <Sabi t içerik CSS> <Değişen içerik CSS> <Alt Başlık CSS>. CSS ile bütün tasarımın genel bakımı yapılır ve kodsal kısmı ile uyuşması gerekir. CSS tasarım yapılırken dikkate alınması gereken unsurlar:

Sayfa genişliği tamamlaması: Sayfanı genişliği sabit olmasını istenir. Genelde 900–1000 piksel

arasında değişir.

Bütün browserlarda aynı görüntüyü sağlaması.

Görsel renk uyuşması: Görsel eğitim yapıldı ve eğdim kaynaklar verildi.

İç içe gelen CSS bütünlüklerin çakışan elemanların az olması.

CSS dosyanın kısa ve olması istenir. Arama browserın siteyi yüklemesini hızlandırır.

Bazı web sayfanın css tasarımını Firefox Bug kullanılarak incelendi. İncelenen sayfalar:

www.itu.edu.tr,

www.ninova.itu.edu.tr

www.marmaraweb.com.tr

www.facebook.com

Öğrenci programı Mesut Beye gösterildi ve eksiklerin ve yazlın sınıflarda öneri alındı.

o Veritabanı kullanılması.

o Veritabanı üzerinde (related) bağlı tablo oluşturarak. Öğrenci sınıfından hoca sınıfa

sorgulamayı daha hızlı oluşturur.

o Kodları daha düzgün yazılması “exception” olayları dikkate alınması.


http://www.itu.edu.tr/

http://www.ninova.itu.edu.tr/

http://www.marmaraweb.com.tr/

http://www.facebook.com/

Yapılan iş: DHTML Tarih: 23.06.2009

Özellikle tanımlama ve benzeri liste türü açıklamalarda, tanımlanan kelime ile tanımlama paragrafını, kelime-işlem veya masaüstü yayıncılılık programı hassasiyetiyle, içerden başlatmakta bu iki etiket birlikte kullanılabilir: <body><DL COMPACT><DT>DHTML<DD></DL></body>

DHTML kelime anlamı Dinamik “Hyper Text “İşaretleme Dili olup, Web sayfalarına dinamik nitelik kazandıran teknolojiler bütünüdür. DHTML uyumlu bir Browser, CSS ve katman teknolojisini destekler. Bununla birlikte bütün Browser’lar bütün” Javascript” fonksiyonlarını desteklemez ve önemli ölçüde grafik unsurlara yer verme sanatıdır; ve grafikler bir sayfanın ziyaretçiye aktarılmasında en önemli yavaşlık sebebidir.

DHTML’in bütün unsurlarını HTML sayfalarınıza yazabilecek ve bu arada bizim için yüzlerce satır Javascript programı oluşturabilecek WYSIWYG tarzı HTML editörlerinin sayısı hızla artıyor.

DIV, LAYER, ILAYER ve SPAN etiketleri ile oluşturacağınız katmanlar, piksel düzeyinde bir hassasiyetle, ziyaretçinin ekranında, Browser penceresinde belirli bir yere oturtulabilir ve belirli bir sırayla görünür veya görünmez hale getirilebilir. DHTML’in dinamik tek unsuru da budur. (Bunlardan sık kullanacağınız DIV ile SPAN’dir ve aralarındaki tek fark, DIV, blok elemanıdır, yani kendisinden sonra yeni paragraf başlatır; buna karşılık SPAN satır elemanıdır, kendisinden sonra hiç bir şey yapmaz.)

Staj yapanın imzası

Staj yaptıranın imzası:

Yapılan iş: HTML + Java Script Tarih: 24.06.2009

HTML + Java Script Bugün HTML çalışmasına devam edildi. Stajda ilk öğrenilmesi gereken başka bir dil ise Java “script’ti.” Yapılması gereken iş HTML ve “Java Script” arasındaki baği öğrenmek ve bu iki dil ile basit programlar yazmaktı. “Javascript,” HTML gibi,” Visual Basic Scripting Edition (VBScript) “gibi, kodları (komutları) düz yazı dosyası olarak kaydedilen ve işleyebilmesi için bir yorumlayıcıya ihtiyacı olan bir dildir. Java ile yazdığınız program ise (en azından teoride) işletme sisteminden bile bağımsız olarak, kendi başına çalışabilir. “Java Script” HTML ya da PHP gibi programlama diller yardımıyla harika bir iş çıkartabilecek bir dildir. “Javascript”, HTML’in bir parçasıdır ve içinde bulunduğu HTML ile birlikte Web Browser programı tarafından yorumlanır.” Javascript” kodları HTML’in içine, kendisini HTML’den ayırt eden <SCRIPT>...</SCRIPT> etiketlerinin arasına gömülür. “olay”lar bütün ayrıntılarıyla incelendi. Mesela nesnenin Browser açısından yol açabileceği “olay”lardan biri tıklanması halinde gerçekleşen olaydır. Tıklamanın İngilizcesi “Click,” bu olayı yönlendiren metodun adı ise “onClick”tir. Program için HTML ve “Java Script” bağlar göz önüne alındı. Bunun için internetten gereken sayfalar tarandı ve indirildi. Arama sonucunda dikkat edilmesi gereken bazı kurallar incelendi.


Yapılan iş: JAVA SCRİPT METODLAR + BASIT PROGRAMLAR

Tarih:25.06.2009

Bugün” Java Script’i” daha içeriğine girerek incelendi. “Javascript”ile Web Browser programının penceresi ve Browser programı yorumlandı ve HTML etiketlerinin oluşturacağı sayfa öğeleri, bu öğelerin biçimi ve değeri belirlendi, belirlenen konular üzerinde değişiklikler yapıldı. “Javascript,” klasik “HTML’in” yapamadığı şeyleri yapabilir; ziyaretçiden veya ziyaretçinin Browser programından alacağı bir bilgiyi değerlendirerek bir dizi işlem gerçekleştirir; ziyaretçiyi sitemizde belli bir sayfaya yönlendirebilir; kısaca sayfalarımıza ziyaretçi ile etkileşme imkânı kazandırır. O yüzden “Java Script’te” fonksiyonlar yoğun bir şekilde kullanılmaktadır. Bugünkü çalışmalar” Java Script “ve onun fonksiyonlar ile alakalı kod yazımlarıydı. Fonksiyonu çağırmak için “HTML’in” body kısmına bir düğme yerleştirilmektedir. Düğmenin kodu aşağıda gösterilmiştir: <input type=”button” name=”dugme” value=”gonder” onClıck=”fonk()”> Sonrasında “fonk” adlı fonksiyon yazıldı ve bunun için “JavaScript’in “script”” deyimi kullanıldı. Yapılan işlemin kodu aşağıda gösterilmiştir: <script LANGUAGE="JavaScript1.2"> fonk() { alert(“Fonksiyon cagırdın!!!!”) } </script> Fonksiyonlarla değer gönderme ve değer alma işlemleri de yapıldı. Bunun sonucunda HTML kısmındaki formdan kendisini göreve çağıran komuta veya fonksiyona kendi adıyla bir değer vermesi sağlandı.

.


Yapılan iş: HESAP MAKİNESİ PROGRAM Tarih:26.06.2009

Bugün yeni bir görev verildi. Verilen görev ise, HTML ve “JavaScript’in” bütün komutlarıyla ve yeni komutları da kullanarak hesap makinesi yapmaktı. Önceki öğrenilenlerle birlikte internetten araştırma sonucunda edinilen bilgiler yardımıyla hesap makinesi yapıldı. Hesap makinesinin dört tane işlemi bulunmaktadır: eksi, artı, bölme ve çarpma. Bu işlemleri yapmak için “HTML’in FORM’daki text” kısmına bir takım değerler verilir ve hangi işlemin yapılacağı kararlaştırılır. Kararlaştırılan işlemin gerçekleştirilmesini sağlayan “Javascript’in” fonksiyonları yazılır. Sonra gerçekleştirilen işlemin sonucu uyarı mesajı ile ekranda gözükür. Bunun dışında “FROM”a değerleri silen “reset” düğmeyi yerleştirmiştir. Bu kod yazılırken HTML’in formu, onun alanları, hangi alanın ne işe yaradığı hakkında bilgi edinilmiştir. Button, reset, password ve submit düğmelerinin nasıl kullanıldığı anlaşılmış, onlara uygun “Java Script” komutları da öğrenilmiştir.


Yapılan iş: KİŞİSEL BİLGİ TABLOSU Tarih: 29.03.2009

Bugünkü öğrenilmesi gereken kod “inner.HTML’di.” Onun için internetten araştırma yapılmıştır. “inner.HTM”L ise kodun çalıştığı anda gerçekleştirilen değerleri ekrana gösteren bir komuttur. Sayfada koyulmuş bir düğme basıldığı an inner.HTML yardımıyla yazılan isim çıkacak kod yazıldı. Bu kodun gerçekleşmesi için kullanılan “document.getElementById” etikettir. Bu etiket değişkeninin “id’i” kullanarak değerine ulaşmayı sağlamaktadır. İ”nner.HTML” kodu yazıldıktan sonra başka bir görev verildi. Herhangi bir tablo kullanarak yapılabilecek en temel işlem ise bir kişi, kurum yada öğrenci hakkında bilgi vermek ve verilen bilgiyi okumaktadır. Bize verilen ödev kişisel bilgiyi kaydetme programdır. Bu tabloda kişinin adı, soy adı, yaşı, mail adresi girilecektir. Sonra girilen değerler okunup tablonun altta yazılacaktır. Bu kodu için gene HTML ,”JavaScript” ve özel olarak inner.HTML kullanılmıştır. Kodun ana kısım HTML’in body kısmında yapılmıştır. Çünkü burada tablo ve onunla ilgili işler işlenmektedir. Mesela: değerlerin yazı olarak alınan girişler.” JavaScript’ta” girilen değerlerin tam değeri okunur ve ekleme işleme hazırlanmıştır.( İnner.HTML) İç.HTML’de ise gerçek tablonun altında eklenen değerlerin girilmesi sağlanmıştır.

Staj yapanın imzası

Staj yaptıranın imzası:

Yapılan iş: KİŞİSEL TABLO DEVAM

Tarih: 30.06.2009

Bugünkü iş dün bittiği yerden devam edildi. Yapılan kişisel tablolarda kontrol işlem koyulmaya başlandı. İsim, soy isim olan kısımlarda sadece harf girilme, yaş olan kısıma sayı girilme ve mail adres bölüme @ ve nokta girilme kontroller yapılmıştır. En son eğer alanlar boş ise uyarı mesaj gelme kontrolu koyulmuştur. Bu işlemlerin kodlar “JavaScript’ta” birer birer fonksiyon olarak gerçekleştirilmektedir. Ana kısmı HTML’de yapılmaktadır. Bu işlemler bittikten sonra yeni işlemler de eklendi. Bu işlemler ise kişinin bekâr ya da evli durumlar ve askerlik yapılıp yapılmadığı durumlardı. Bunları gerçekleştirmek için “radio” düğme kullanıldı.


Yapılan iş: VERİTABANINA GİRİŞ-SQL Tarih:01.07.2009

SQL veritabanları üzerinde çeşitli işlemleri yerine getiren deyimdir. Veritabanından sorgulama yapmak için SELECT, ekleme yapmak için INSERT güncelleme yapmak için UPDATE, silme yapmak için DELETE, yeni tablo oluşturmak için CREATE TABLE gibi komutlara sahiptir. Bu komutlar işlevlerine göre şu şekilde kategorilere ayrılır:

DDL (Data Definition Language): Veri tanımlama deyimleri. DML (Data Manuplation Language) : Veri düzenleme dili. DCL (Data Control Language): Veri kontrol dili.

A. DDL (DATA DEFİNİTİON LANGUAGE) DEYİMLERİ

DDL deyimleri veritabanı üzerinde nesne yaratmak için kullanılırlar. En yaygın kullanılan DDL deyimleri şunlardır:

CREATE ALTER DROP

B. DML (DATA MANIPULATION LANGUAGE) DEYİMLERİ

Veritabanı içindeki verileri elde etmek ve değiştirmekle ilgili SQL deyimleridir.

SELECT INSERT UPDATE DELETE

C. DCL (DATA CONTROL LANGUAGE) DEYİMLERİ

Veritabanındaki kullanıcı haklarını düzenlemek için kullanılan deyimlerdir. Örneğin GRANT, DENY,

REVOKE gibi.


Yapılan iş: SQL Tarih:02.07.2009

SQL daha ayrıntılı olarak incelenmiştir. Hesaplamalarda ve özellikle sistem hakkında bilgi almak için SQL Server'da Fonksiyonlar araçlar kullanılmıştır. “Transact-SQL (T-SQL)” ve benzeri programlama dilinde değişik kategorilerle adlandırılan fonksiyonlar öğrenilmiştir ve “aggregate” fonksiyonlar kullanılarak veriler üzerinde işlem yapılmıştır. Mesela: toplama, gruplama işlemler.

SQL deyimler de incelenmiştir. IF, CASE ve WHILE gibi hem blok olarak hem de blok olmadan işletilecek deyimleri belli koşullara bağlanmıştır.

Bir tablo oluşturuldu. Bu tablodaki verilere erişmenin bir diğer yolu da “view'ler” geliştirmektir. “View'ler “tabloların belli kolonların listelendiği ayrıca hesaplama işlemlerinin yapıldığı bir veri erişim yöntemidir. Veritaban üzerindeki çok sayıdaki tablo üzerinde özel görünümler yaratması ve kullanıcılara tablolar (görünümün altında yatan) üzerinde izin vermeden tablolar üzerinde işlem yapmalarını sağlar. Örneğin kullanıcı, tablonun sadece belli kolonlarını içeren bir “View” üzerinde çalışabilir.

SQL Server'daki “Stored procedure'lar” aynı diğer programlama dillerindeki “procedure'lara” benzer. SQL deyimlerini içeren komut dosyaları hazırlanır ve sunucu üzerinde saklanır.

Yazılan kod


Yapılan iş: : SQL DEVAM Tarih:03.07.2009

NET kütüphanesi Genelde NET-Lib adı kullanılır.Bu kütüphanedeki çok sayıda bulunan (abstract) sanal (layer) tabanların yardımı ile her hangi bir prorokoldan gelen, örneğin TCP/IP sockets, ve giden bütün birimleri

denetleyebilir.

Windows form’da yazılan Hoca,asistan programında veritaban kullanılacak.


Veritaban

Program

ConnectionString

SQL Command

Yapılan iş: SERVER Tarih:06.07.2009

Kapasite ve donamım olarak kişisel bilgisayarlardan daha üstün olan dosya depolama ve kaydetme yapabilen güçlü bilgisyardır. Hem donamınsal ve yazılımsal yönetici konumda çalışır. Bu bilgisayarlar sadece bilgi saklamaktan ötürü birdan fazla bilgisayar oluşanbilir. Genelde telefon ağlar ve fax yönetimlerde kullanılır. Server’e bağlanana “client” adı verilir.

Bu resimde bilgisayarlar ağ ağa kullancı adı ve şifre koyarak erişebilirler. Paylaşılan belgelerini de serverde açık tutabilirler. Ayrıca bazi kisitlamalar yapılabilir. Yönetici durumda bazı bilgisayarların servere girmesini veya paylaşıian belgelere erişmesine engelleye bilir. Bu yüzden, kendi kaynaklarını ve erişim izinlerini yönettiği sistem küçük sayıda kullancılar için güvenliği göz ardı edilebilir. Fakat sistem firma düzeyind daha karışık bir ağ yönetimde güvenlik ve hız açısından sorunlu görülür. Eğer ağ'da tüm güvenlik bilgileri (kullanıcı adı, şifre, güvenlik kısıtlamaları vs.) bir merkezde tutuluyorsa, bu merkezi yapıya "Domain" adı veriliyor. Domain bilgilerini üzerinde tutan bilgisayara ise Domain Controller (DC) deniyor.


Yapılan iş: (CLİENT – SERVER) İSTEMCİ-

SUNUCU MODEL

Tarih:07.07.2009

İk bilgisayar çıktığında bir yapılacak iş vardı onu bir bilgisyar çalıştırırdı ve sonuç elde edilirdi. Kişisel bilgisayarkarın kullama çıkması ve yüksek düzeyede programlama yapabilme yeteneğinde dolayı verileri bir ağ üzerinde veya server üzerinde kişisel bilgisayarlar paylaşararak çözüm üretirebilir hale geldi. Windows Form ve veritaban erişim proje devam edilidi.


VERİLER

ÇÖZÜM

VERİLER

ÇÖZÜM

Yapılan iş: (CLİENT – SERVER) İSTEMCİ-SUNUCU MODEL

Tarih:08.07.2009

İstemci/Sunucu Yapısı

İstemci/Sunucu, istemciyi (genellikle bir grafik kullanıcı arayüzü-GUI) sunucudan ayıran bir ağ mimarisidir. Her bir istemci yazılımı, sunucuya ya da uygulama sunucusuna isteklerini (request) gönderir. Bu fikrin pek çok çeşitli uygulaması olmasına karşın, en güzel örneği internet üzerindeki web sayfalarıdır. Örneğin, üniversitemizin web sayfasını incelediğinizi varsayalım. Bu durumda, bilgisayarınız ve web tarayıcınız istemci olarak adlandırılır. Üniversitemizin web sayfasını oluşturan gelişmiş bilgisayarlar, veritabanları ve uygulamalar da sunucu olarak adlandırılır. Web tarayıcınız, üniversitenin web sitesinden bir istekte bulunur ve üniversitenin sunucusu sizin istediğiniz bilgileri toplar ve onu bir web sitesi şekline getirerek sizin web tarayıcınıza geri yollar, siz de ekranınızda üniversitenin web sitesini görmüş olursunuz. Bir istemci/sunucu mimarisi, ölçeklenebilir bir mimari sunmayı amaçlar. Böylece ağdaki herbir bilgisayar bir istemci ya da sunucu rolünü üstlenir. Sunucu yazılımı genelde, fakat her zaman değil, bir iş yazılımı için adanmış güçlü bir bilgisayarda çalışır. İstemci yazılımı ise genelde sıradan bir PC veya işistasyonunda çalışır. İstemciler gerek duydukları verinin pek çoğunu ya da tamamını uygulama sunucusundan isterlerler. Mesela; ayar dosyaları, stok verileri, iş uygulama yazılımları vs. gibi. Sunucu'nun özellikleri:

Pasif İstekleri bekler İstek olduğunda bilgiyi sunar ve cevap yollar İstemcinin özellikleri: Aktif İstekleri gönderir Cevap dönene Kadar bekler Sunucular durumsuz (stateless) veya durumlu (stateful) olabilir.


Yapılan iş: MİCROSOFT SERVER 2003 Tarih:09.07.2009

Küçük ve merkezi yönetimli kuruluşlardan geniş çaplı kuruluşlara kadar her çapta kuruluşun gereksinimlerine yanıt vermek üzere tasarlanmış, ayrıca kuruluşların Microsoft .NET özelliğinden tam olarak yararlanabilmesini sağlayacak biçimde geliştirmiş sunucudur. Server’a bağlanırke yerel ağalar üzerinde geçiş yapılır.

Yerel Ağ yüksek hızda veri geçiş özelliğine sahipserver, PC, yazıcı gibi birimlerden oluşan bir ağ türüdür. Ortak PC’ler arasında bilgi alış veriş veri iletim ve elektronik posta alımı gibi işlemler yapılabilir. Yerel ağaları server yönetici olarak üzerindeki bilgileri yönetir.

Server: Ağı yöneten ve izleyen birimdir.

PC: Kullanıcılar tarafından üzerinde işlem yapılan birimdir.

Yerel ağ bağlantısı içinde yeralan birimler ağ içerisinde IP adı verien bir kimlik ile aktif olabilir ve sistemin bir parçası olma özelliğini kazanırlar.

Farklı totolojilerden oluşabilir bunlardan en çok kullanılanlar: FDDI (Fiber Distributed Data

Interface), Token Ring ve Ethernet. Aslında bunlar içinde en yaygın olanı Ethernettir.

Ethernet: Ethernet ve türevleri olan Fast Ethernet, Gigabit Ethernet CSMA/CD(Carrier Sense, Multiple Access/Collision Detection) erişim metodunu esas almış çok popüler bir ağ mimarisidir. “Günümüzde 10Mbps, 100Mbps, 1000Mbps hızlarında çalışan türevleri geliştirilmiştir. Ethernet teknolojisine dayalı ürünler desteklediği kablo türüne göre sınıflanırlar.” Vikepedia

Ethernet hem Token Ring bir arada olabilir veya Ethernet bir ağda değişik kablolama biçimleri ve uygun cihaz bağlantılarıyla bir arada kullanılabilir.


Yapılan iş: SEMİNER GÜNÜ-Müşteri ile ilgilenme Tarih:10.07.2009

Bugünkü seminerde istekte bulunan müşteri ile programcı ve tasarımı olarak nasıl bir inceleme yapılmasını gerektiğini konuşuldu.

0. Aşamada Yapılması Gerekenler (Tasarıma Başlamadan Önce Yapılması Gerekenler)

Web Brief Formu Müşteri ile doldurulmalı

Müşteri ile doldurulma imkânı yok ise, kendimiz onun adına yaklaşık doldurmalıyız.

Resim Kaynakları toparlanmalı

İçerik kaynakları toparlanmalı.

1. Aşamada Yapılması Gerekenler

Düşünme aşaması. Fikirlerin toparlanması.

Layout Cizilmeli, Ana Öğelerin yerleri netleştirilmeli

Firefox da interface Png olarak hazırlanmalı

Background cok uygun secilmeli Menu cok uygun secilmeli Butonlar cok uygun secilmeli. http://www.1stwebdesigner.com/resources/45-free-design-

template-and-psd-files/1 Header ve footer uyumlu olmal


1. Xhtml çalışması hazırlanmalı - Css Yazılmalı - Örnek 200 çalışma


Tüm browserlarda test edilmeli

Web Tasarım MW Linki konulduğu kontrol edilmeli

Title- Desc - Keywordsler kontrol edilmeli

Farklı bir çalışma ortaya koyma adına yapılması gerekenler

Yeni bir layout formatı belirlemek için cssgallery siteleri ziyaret edilebilir. http://www.thecssgallerylist.com

sıradışı Layout lu siteler incelenebilir.

http://vandelaydesign.com/blog/galleries/25-websites-with-creative-and-unique-layouts/

Ana görsellerde görselin canlı renkleri bozulmamalı- etrafında zıtlık renkler kullanarak daha öne cıkarılmalı.

Ana sayfa ve iç sayfalar farklı layout ta olmalı. Anasayfa daha az içerik, daha güclü görseller. İç sayfada ana görsel kısmı yok. header kısmı daha kısa olmalı.

Yeni menu formatları denenebilir.


http://www.1stwebdesigner.com/resources/45-free-design-template-and-psd-files/

http://www.1stwebdesigner.com/resources/45-free-design-template-and-psd-files/

http://www.thecssgallerylist.com/

http://vandelaydesign.com/blog/galleries/25-websites-with-creative-and-unique-layouts/

Yapılan iş: NETWORK Tarih:13.07.2009

Network veya ağyı iç prosesleri olan iletişim diye adlandırabilir. Bu prosesler çeşitli

donanım ve bilgisayaralar üzerinde çalışabilir. Ağların arasındaki iletişim genelde kablo ile gerçekleşir örneğin LAN, WAN and İnternet. Kablosuz ile de gerçekleşebilir mesela cep telefonu, kablosuz LAN, İnternet ve Bluetooth.

Farklı ağlar ve bilgisayarlar bir araya gelince bir standart oluşması gerekli oldu. Bu yüzden (TCP/IP) protokol ortaya çıktı. (TCP/IP) protokol ailesi bağlı bilgisayarları ağya erişmesine sağlar ayrıca UDP (User Defined Protokol) gibi protokolları da içerir. Bu protokollar. .NET System.Net.Sockets.Sokets sınıfın altında yer alır.

IP tabanlı ağlarda (Sockets) soketler gereksim duyulur. Soket basitce bir program arayüzüdür.

Üç çeşit soketler bulunr.

Raw soket

Datagram soket

Stream soket


Gelişmiş sistemlerde iletişm tabanlardan oluşur her taban bili bir bilgiyi kodlayarak üst taban verir. En alt taban veriyi iletmekten başlar ve veriyi alan kadara belli aşamalardan geçer.

Yapılan iş: NETWORK Tipler ve Totolojiler Tarih:14.07.2009

Erişim metodu, ağda bulunan bilgisayarların iletişim ortamını nasıl paylaşacağını yöneten kurallar kümesidir. 3 önemli erişim metodu vardır.

“Contention: Contention-based sistemlerde, ağdaki bilgisayarlar iletişim ortamını kullanmak için sürekli bir yarış içerisindedir ve her zaman veri gönderebilirler.“ Vikepedia

CSMA(Carrier Sense, Multiple Access/Collision Detection):

“Bu teknikte paket gönderilmeden önce kablo kontrol edilir. Diğer bir iletişimin oluşturduğu trafik yoksa iletişime izin verilir. İki bilgisayarın birden kabloyu kullanmaya çalışması collision yani çatışma olarak adlandırılır ve böyle bir durumda ikisinin de trafiği kaybolur.” Vikepedia

Ağ Topolojileri:

Ağ bağlantı düzeni topoloji olarak adlandırılır.

En yaygın olanlar: BUS, Ring, Star ve Mesh topolojileridir.

Bus: Bus topolojisinde ağdaki tüm bilgisayarlar paylaşılan bir kabloya (bazen omurga olarak da adlandırılır) bağlıdır. Ethernet buna iyi bir örnektir.

Ring: Ring topolojisinde bilgisayarlar birbirlerine dairesel bir şekilde bağlanır.Her bir bilgisayar komşusu olan diğer bilgisayara bağlıdır ve veri daire etrafında sadece bir yönde dolaşabilir

Star: Star topolojisinde tüm cihazlar merkezi bir huba bağlıdır. Hub ağdaki bir bilgisayardan sinyali alır ve gitmesi gereken bilgisayara gönderir.


Star ve bus totolojiler

Yapılan iş: PROTOKOLLER Tarih:15.07.2009

TCP: Transmission Control protocol: İletişim ve “stream” dayalı bir noktadan noktaya giden bir protokol tiptir. TCP IP’yi ağ protokol olarak kullanır. IP datagram-nesneye dağalı ve en iyi durum protokoldur. HTTP temel taban ları:


Noktadan noktaya iletişim İletişim dayanlı protokol

TCP paketlere ayırma ve yeniden birleştirme işini yaparken, IP paketlerin doğru hedefe gitmelerini sağlamakla hükümlüdür.

User Datagram Protokol: Bu da veri transferini sağlar ancak verilerin ulaştığına dair bilgi edinemezdir.

(connectionless oriented)

Yapılan iş: NET MESSENGER ÇALIŞMASI Tarih:16.07.2009

Bugün araştırıldığı bilgileri kullanılarak yerel ağ üzerinde chat Aparat yapılcaktır.

Ön çalışmalar: Yer ağ bilgileri ve IP address ile bağlanan şirketin 7 bilgisayar iletişimler.

Mesut Beyin verdiği kaynak kodu ile inceleme yapıldı.

Temel tasarım:

Yerel ağda bir bilgisayar diğer bilgisayara IP Adresler üzerinde erişir.

Bu sefer bir bilgisayarın bu IP protokoller üzerinde oluşan sunucu görevini yaoması gerekir. Ya da elimizde sunucu var ise önun üzerinde işlem yapılabilir.

IP Adres

Remote Nesnesi istemci ile sunucu arasında veri aktarımı için kullanılır.


Yerel ağ oluştur

SUNUCU

İSTEMCİ

Remote Nesnesi

Yapılan iş: NET MESSENGER ÇALIŞMASI Tarih:17.07.2009

Kullanılan sınıflar using RemoteObject;

using System.Collections;

using System.Runtime.Remoting;

using System.Runtime.Remoting.Channels;

using System.Runtime.Remoting.Channels.Tcp;

using System.Threading; Mesut beyin verdiği kaynak kodu inceleyerek Sunucu açıldı

ht["port"] = 1979;

Sunucu açıldıktan sonra Messenger formu açılır ve IP adresi ile kendi bilgisayarını sunucuya

bağlanır. Daha sonra yerel ağdaki istemciler ya ad kullancılar sunucu IP adres ile sunucya erişebilirler.


Yapılan iş: ZEV CO. LTD PROJESİ-MÜŞTERİ Tarih:20.07.2009

Bugün staj süre boyunca öğrenilen bilgileri kullanılarak: Zev adlı bir ticari şirkete bir dinamik site ve posta yönetim hazırlamak. Zev şirket tarafında istenilen:

o Her gün haber girilecek ve şirketin yeni fotoraflar ve son yapılan iş hakkında ana

sayfada görilmesi istemesi.

o Dövüz kur yapılması

o Kullanıcı isteği ile bütün haberleri PDF oluşturma

o İstek formlar yapılması

o Kontakt alt başlığın altında mesaj formu olması

o E posta oluşturması

o Moğolca ve İngilizce olması

o Yönetim panele uç farklı yetkilinin girilmesi: admin, müdür, raporcu

o E ticaret yapabilen ve türkiye için banka ile dünya için Paypal yöntemi ile çalışması

İstekler alında ve en ilk tasarımsal yapıyı müşteriye gösterme şart alındı. Renk şart olmadan durgun bir site olması şart alındı. Tasarım ana düşünce ve Logo ile uyuşan bir ara yüzü araştırıldı.

Template sitelerden ana tasarım araştırıldı.


Yapılan iş: ZEV CO. LTD PROJESİ- TEMEL TASARIM

Tarih:21.07.2009

Ana sayfa tasarım şekil saptandı ve ana sayfa CSS oluşturmaya başlandı. Menüleri www.izzymenu.com sayfasında indirildi ve her menü alt başlık için açılan yeni sayfa yerine Master sayfa oluşturulması daha avantacı olacağını düşünüldü. CSS:

o Genişliği:990 piksel

o Gölge olcak

o Arka yüzü resim olacak

o Köşeler yuvarlak olacak

o Ana font olarak Centry Gothic

o Kırmızı renki katması: Ticaret renki olarak bilinir

Ana sayfa tasarlandı ve Default. aspx component sayfası yaratıldı. Alt konular:

“Welcome to our Company” Geldiniz veritaban gelen okuması

“Service” Hizmetler menüler oluşturulacak.

Alt menü iş birliği yapan şirketlerin ayırmaç semgeler

Contact –İletişim componetn sayfa oluşturuldu. Alt konular:

Adres ve telefon bilgileri: Statik olacak

İletişim kurmak isteyene iletişm kutusu

İstek formlar

Market analisys

Ürün analliz, İş birliği analizi


http://www.izzymenu.com/

Yapılan iş: ZEV CO. LTD PROJESİ-VERİTABAN Tarih:22.07.2009

Proje yönelik local ağ üzerinde ms sql express üzerinde veritaban oluşturuldu.

o Haberler

o Son iş

o Şirket tanıtım

o Raporcular

o Admin

o Müdür

Tablolar oluşturuldu. İnserttonews

İnserttoagree

İnserttosirket

Selectnews

Selectagree

Selectsirket

Selec kullanıcı

SQL’de dikkat edilmesi gereken yerler:

“StoredProducer” yaparken insert işlemleri bir dosya altında yapılabilir böyle yaptığında ayrı

ayrı yapılışından daha uzun süre sürmektedir. Bu yüzden her tablonun ayrı ayrı “select” ve

insert olması daha fazla bilgi depoloma için daha çabuk olur.


Yapılan iş: ZEV CO. LTD PROJESİ DEVAM Tarih:23.07.2009

Tasarımın daha incelere inerek düğmelerin yapısını değiştirildi ve

yonetim.aspx-admin ,müdür ve raporcu kullancılar girebiliecek giriş paneli oluşturuldu.

Admin kalasör altında

News.aspx

Agreement.aspx

Ourcompany.aspx

Repor.aspx

Sayfalar acıldı ve gereken tasarımlar ve kodlar yazıldı.

Sayfalar açılırken gerejen yerler:

Bir sayfada birden fazla vertabana erişmek söz konusu olunca aynı “connectionString” kullanılabilir bu durumda SQL connection

Connection.Open()

Connection.Close()

Aralığın içinde yapılmalı ve “Storedproducer”’lerın hepsi bir fonksiyon halinde çağırarak gerekli sırada çağırabilir.

Basıt bir kod parcası:

SqlConnection conn = new SqlConnection(connection);

SqlCommand cmd = new SqlCommand("SelectprocNews", conn);

cmd.CommandType = CommandType.StoredProcedure;

conn.Open();

DataTable dt = new DataTable();

dt.Load(cmd.ExecuteReader(CommandBehavior.CloseConnection));

conn.Close();


Yapılan iş: ZEV CO. LTD-DOMİAN VE HOSTİNG Tarih:24.07.2009

Bugün yazılan kod ve yapılan tasarıma internette yayınlayarak müşteriye ilk tasarımı gösterilecek.

Domain adı alınd: www.zevtrade.com

Hosting: Marmara Web’in kendine aldığı sunucu üzerinde domain adı yönlendirildi.

Mesut beyin yardımı ile sunucu üzerinde veritaban yapıldı. Yerel ağdaki veritabandaki verileri “Database Publishing Wizard” ile tek dosya halinde yeni veritaban verildi.

E –posta açıldı.

Müşteriye gösterildi ve bazı hatalar ve öneriler alındı.

Logo’nun daha kuvvetli renkte olması

“read more” tikladığında istenildiği yer gitmesi

Tasarım olarak baş kısmındaki alt çizgiyi kaldması

Müşteriye genel tasarım ve yönetim panel beğenildi.

E-ticaret çalışması için gerekli işlemlerin acıl yapmasını istenildi.

Dosyaları sunucuya yüklemesi için FileZilla kullanıldı.


http://www.zevtrade.com/

Documents

Yapılan iş: GENEL TANITIM VE PLANLAR Tarih: 15.06 · Yapılan iş: GENEL TANITIM VE PLANLAR Tarih: 15.06.2009 Stajın ilk gününde çalışan elemanlarla tanışıldı. Herkesin