Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı

Benzer belgeler
Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR

Web Tasarımının Temelleri

Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır.

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

Temel Başlıklar. HTML Formlarının amacı Çalışma şekli Form Action ve Method

İNTERNET PROGRAMCILIĞI HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı

Site Temizlik Projesi Kodları

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER

İNTERNET PROGRAMCILIĞI I

Resim 7.20: Yeni bir ileti oluşturma

Site Tasarım Çalışması -3

8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ.

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU

NECMETTİN ERBAKAN ÜNİVERSİTESİ E-POSTA YARDIM BELGESİ

Web Teknolojileri ve Programla

2) Hesabınıza Giriş yaptıktan sonra aşağıdaki ekran karşınıza gelir.

Toplu İleti Gönderimi

FAKS SUNUCU EĞİTİM DÖKÜMANI

Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için

ÇANKIRI KARATEKİN ÜNİVERSİTESİ ZİMBRA E-POSTA SİSTEMİ KULLANICI DOKÜMANI

Öğr. Gör. Serkan AKSU 1

Bilgisayarların birbirine bağlanması ve bir ağ oluşturmasının temel amacı veri alışverişi yapabilmekti. Yani bir nevi haberleşmeyi sağlamaktı.

E-Posta Hesabı Oluşturma

SAÜ BİLGİSAYAR VE BİLİŞİM BİLİMLERİ FAKÜLTESİ ORTAK BİLGİSAYAR DERSLERİ KOORDİNATÖRLÜĞÜ HAFTA 1 İÇERİĞİNE AİT UYGULAMA FÖYÜ

TachoMobile Web Uygulaması v1.00.

ORDU ÜNİVERSİTESİ E-POSTA KULLANIM ÖZELLİKLERİ

Kurumsal Grup E-Posta Eğitim Dokümanı

PHP ile İnternet Programlama

WEB TASARIMIN TEMELLERİ

E-postaya Tarama Hızlı Kurulum Kılavuzu

ÖĞRENME FAALĠYETĠ 3 ÖĞRENME FAALĠYETĠ 3

WEB TASARIMININ TEMELLERİ

MİLLİ EĞİTİM BAKANLIĞI YENİ EPOSTA SİSTEMİ HAKKINDA MEB

T.C. ETİ MADEN İŞLETMELERİ TEKLİF MODÜLÜ FİRMA KULLANIM KILAVUZU

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı

HTML & CSS. Öğr.Gör. M.Ersin AKAY

4 Front Page Sayfası Özellikleri

C# ile e-posta Göndermek

SAĞLIK BİLGİ SİSTEMLERİ GENEL MÜDÜRLÜĞÜ E-POSTA SİSTEMİ, E-POSTA VE MS OUTLOOK PROGRAMI KULLANIMI. Salim Cimilli

Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010

İnternet Programcılığı Form İşlemleri ve Oturum Yönetimi Örnekleri

Microsoft Outlook 2007

ÖĞRENME-ÖĞRETME YÖNTEM VE TEKNİKLERİ. gösterip yaptırma, uygulamalı çalışma. Anlatım, soru-cevap, gösterip yaptırma, uygulamalı çalışma.

Internet Programming II

WEB E-POSTA AYARLARI. Outlook 2003 Ayarı ( Resimli Anlatım )

Cookie s. Elbistan Meslek Yüksek Okulu Güz Yarıyılı. Öğr. Gör. Murat KEÇECĠOĞLU. 17 Ara 2013

2. Use Dns lookup, Use relay server aralarında seçim yapınız. Biz Dns lookup ile SMTP-mizi çalıştırdık. DNS lookup kısmında domain adınızı yazınız.

İNTERNET PROGRAMCILIĞI DERSİ ÇALIŞMA SORULARI

Üst Düzey Programlama

AGÜ UIS ÖĞRENCİ DERS PROGRAMI HAZIRLAMA KILAVUZU

Submit metodu birden fazla numaraya aynı içerikli kısa mesaj gönderimi için kullanılmaktadır.

I-Uyum e-fatura Giden Kutusu

Frontpage ile Çerçeve Sayfası Yaratmak

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html>

FOSHARE UYGULAMASI Güvenli Dosya Alışverişi

EC-485. Ethernet RS485 Çevirici. İstanbul Yazılım ve Elektronik Teknolojileri

BLM401 Mobil Cihazlar için ANDROİD İşletim Sistemi KULLANICI ARAYÜZ. BLM401 Dr.Refik SAMET

MOBILEPAX XML PRODUCT API KULLANIM ŞEKLİ

LOGO TURKCELL AKILLI FAKS ENTEGRASYONU BİLGİ DOKÜMANI

Mersin Meslek Yüksekokulu(Uzaktan Eğitim) Uzaktan Eğitim Yönetim Sistemi yeni ara yüzü kullanım klavuzu

BİLGİSAYAR UYGULAMALARI Şırnak Üniversitesi Mühendislik Fakültesi Güz Dönemi Arş.Gör. Eren DEMİR ve Arş.Gör. Veysel KIŞ (

Medisoft E-Reçete Bildirimleri Kullanım Kılavuzu

MOBILEPAX SOAP PRODUCT API KULLANIM ŞEKLİ

I-Uyum e-arşiv Giden Kutusu

Response : Sunucunun istemciye veri yollamasını

e-mutabakat Ekstre Gönderimi

Bu düğme tıklandığında karşınıza yandaki gibi bir diyalog kutusu daha gelecektir.

UZAKTAN EĞİTİM SİSTEMİ ÖĞRENCİ EKRANLARI KULLANIM KILAVUZU

Web Tasarımı - Yrd. Doç. Devkan Kaleci 1

ARCHICAD in EĞİTİM SÜRÜMÜ İÇİN BAŞVURU YAPILMASI

DESTEK DOKÜMANI E-BEYANNAMELERİN TOPLU GÖNDERİMİ

ANDROID İŞLETİM SİSTEMİ YÜKLÜ OLAN TELEFON VEYA TABLETLERE ÖĞRENCİ WEBMAIL TANIMLAMA

ASP.NET ile Bir Web Sitesi Oluşturma

T.C. MİLLİ EĞİTİM BAKANLIĞI BALIKESİR / BANDIRMA İLÇE MİLLİ EĞİTİM MÜDÜRLÜĞÜ. Büro Yönetimi ve Resmi Yazışma Kuralları Kursu

HESAP MAKİNASI YAPIMI

ARAKLI İLÇE MİLLİ EĞİTİM MÜDÜRLÜĞÜ [OKUL/KURUMLARDA E-POSTA KOTA SORUNUN ÇÖZÜMÜ]

Açılan programın pencere görünümü aşağıdaki gibidir. 2. Araç Çubuğundan kaydet düğmesi ile

DynEd Kayıt Yönetimi Sistemi Kullanım Kılavuzu

expomed & labtechmed Fuarları Katılımcı Portalı Kullanım Kılavuzu

GEÇERLİLİK KONTROLLERİ VALİDATİON CONTROLS. Öğr. Gör. Emine TUNÇEL Kırklareli Üniversitesi Pınarhisar Meslek Yüksekokulu

SMS Gönderim Đyileştirmeleri

FATURA ŞABLONU TASARLAMA KILAVUZU

OUTLOOK E-POSTA HESABI KURULUMU

1) İlk olarak oluşturduğumuz filtre adı yazılır. (örneğin tatil mesajı, taşı vb gibi.) 2) Sonra filtre için kural belirlenir.

TALEP YÖNETİMİ MODÜLÜ KULLANICI EĞİTİM DOKÜMANI

JETSMS XML Mesaj İşlemleri Yardım Dokümanı Tarih Sürüm XML ile Mesaj İşlemleri

2. Belgeye Metin Ekleme

SQL Uyarı Programı Kurulum ve Kullanımı

LOGO için Online Mutabakat Kullanım Kılavuzu

%20dolor%20sit%20amet&receipents= , &sender=PROAKTIF

E-Posta Kişisel İletişim Yönetimi

Ecat 8. Hakbim Bilgi İşlem A.Ş. Versiyon

1. Mutabakat.zip dosyası açılır. 2. Mutabakat klasörü içindeki Mutabakat.exe dosyası çalıştırılır.

Ders Tanıtım Sunumu. Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı. Öğr. Gör. Murat KEÇECİOĞLU 1

T.C. BAŞBAKANLIK ATATÜRK KÜLTÜR, DİL VE TARİH YÜKSEK KURUMU DESTEK TAKİP VE YÖNETİM SİSTEMİ

PHP ile İnternet Programlama

Javascript Ders Örnekleri -2. Tarayıcı Görüntüsü

Transkript:

Internet Programming II Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 11-14 May. 2014

Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları yardımıyla yapılır. Hazırladığımız web sayfalarında, ziyaretçi defteri, anket ziyaretçiden veri almak için form kullanılır. FORM web istemcisi ile sunucusu arasında veri alışverişi sağlayan en önemli (tek) araçtır. 2

Form Form Elemanları Ziyaretçinin veri girişi yapmasını sağlayan nesnelere form elemanları denir. Düğmeler, metin kutuları, seçim düğmeleri, metin kutuları yaygın kullanılan form elemanlarıdır. Bu form elemanları diğer HTML nesneleri gibi etiketlerle oluşturulmaktadır. 3

Form Form Elemanları Form içerisinde tanımlanan nesneler birlikte işlem görür. 4

Form Form Elemanları Form içerisinde yeralan bütün temizle (cancel), form içerisindeki tüm nesneleri temizler. Gönder butonu ise form alanlarındaki tüm nesneleri belirtilen adrese gönderir. Form elemanları sayfa içerisine HTML ile yazılır. Ancak HTML yardımıyla okunamaz. 5

Form Form Etiketi Form etiketi <form>.</form> ile sona erer. Kullanım Şekli: <form method= deger action= deger name= deger ></form> method : Gönderme metodu POST veya GET action : Formun gönderileceği adres name : Formun adı (zorunlu değildir). 6

Form Form Etiketi Script içerisinde form elemanlarının adı önemlidir. Bu adlar aynı zamanda script içerisinde tanımlanan değişken adları olacaktır. Form içerisinde kullanılan elemanların anlamları ve nitelikleri; <input> Etiketi: Formda çeşitli amaçlarla kullanılan form elamanları eklemek için kullanılır. Type : Eklenmek istenen form elemanın tipini belirler. Bu tipler, text, password, checbox, radio, submit, reset, button dur. 7

Form Form Etiketi <text> tipi: Tek satır metin kutusu ekler. Nitelikleri ise; Size : Kutunun sayfadaki büyüklüğü MaxLenght : Yazılacak maksimum karakter uzunluğu (400-600 gibi) Value : Metin kutusunun varsayılan değeri Name : metin kutusunun adı. 8

Form Form Etiketi <Password> tipi: Tek satır metin kutusu ekler. Basılacak karakter * veya (içi dolu) yuvarlaktır. Nitelikleri ise; Size : Kutunun sayfadaki büyüklüğü MaxLenght : Yazılacak maksimum karakter uzunluğu (400-600 gibi) Value : Metin kutusunun varsayılan değeri Name : metin kutusunun adı. 9

Form Form Etiketi <checkbox> tipi: Üzerine tıklandığında seçilen, tekrar tıklandığında seçimi bırakan seçim kutusudur. Seçim birden fazla yapılabilir. Nitelikleri ise; Checked : Kutunun seçili olup olmayacağını (ilk başta) Name : checbox ın adı. Value : Kutunun sahip olduğu (varsayılan) değer 10

Form Form Etiketi <radio> tipi: Üzerine tıklandığında seçilen, tekrar tıklandığında değişiklik olmayan seçim düğmesidir. Seçim tek yapılabilir. Nitelikleri ise; Checked : düğmenin seçili olup olmayacağını (ilk başta) Name : düğmenin adı. Value : düğmenin sahip olduğu (varsayılan) değer 11

Form Form Etiketi <Submit> tipi: Üzerine tıklandığında form elemanlarını belirtilen method ile adrese göndermek için kullanılır. Name : butonun (submit) adı. Value : butonun (submit) sahip olduğu (varsayılan) değer 12

Form Form Etiketi <Reset> tipi: Üzerine tıklandığında form elemanlarına girilen bilgiyi temizler.(sadece kullanıcının tarayıcısında) Name : butonun (reset) adı. Value : butonun (reset) sahip olduğu (varsayılan) değer 13

Form Form Etiketi <Buton> tipi: Özel bir işleve sahip olmayan buton oluşturur. Name : butonun (buton) adı. Value : butonun (buton) sahip olduğu (varsayılan) değer 14

Form Form Etiketi <Textarea> etiketi: Çok satır veri girişi sağlayan metin kutusudur. (64 k) Cols : Metin alanının (soldan sağa) karekter cinsinden genişliği. Rows : Metin alanının kaç satır olacağı. Name : Metin alanına verilecek isim. 15

Form Form Etiketi <Select> etiketi: Açılır liste kutusudur. Liste açılarak veri seçilir. Size : Listenin kaç madde olacağı Multiple : CTRL tuşuna basılırak birden fazla madde seçimi. Name : listeye verilecek isim. 16

Form Form Etiketi <Option> etiketi: Listeye madde eklemek için kullanılır. Selected : Listedeki ilgili maddenin seçili olup olmayacağını belirtir. 17

Form Form Elemanları Genel Resmi 18

Form GET Metodu Get metodu ile bilgi göndermek tercih edilen bir yöntem (güvenlik açısından) değildir. Bu sebeple sonraki yansılarda Post Metodu anlatılacak ve uygulaması yapılacaktır. 19

Form POST Metodu Get metodundan farklı olarak gönderilen bilgiler gizli ve karakter sayısında bir sınırlama yoktur. Php.ini konfigürasyon dosyasında (post_max_size=8m) ayarı ile maksimum gönderilebilcek dosya boyutu 8 MB tır. (artırılabilir) Post metodu ile gönderilecek bilgiler tarayıcının adres çubuğunda görünmeyecektir. (Get metodunda görünür) Post metodu ile gelen bilgiler $_post değişkeni yoluyla alınır. (Tarayıcının adres çubuğunda parametreler değiştirilse bile gönderilen bilgi kabul edilmez ancak get metodunda kabul görür) 20

Form POST Metodu Post metodunun kullanılması için formun gönderme metodunun post yapılması yeterlidir. Post metodunda formdan gelen bilgiler $_POST* degisken + komutuyla alınır. 21

Form POST Metodu Uygulaması Post metodunu kullanarak form.html adlı bir dosya oluşturun, buradan submit edilen bilgileri gelen.php dosyası ile alın. PARAMETRE YOK 22

Form POST Metodu Uygulaması Form.Html 23

Form POST Metodu Uygulaması Form.Html 24

Form POST Metodu Uygulaması alinan.php Formu çalıştırıp kendi bilgilerinizi girip tarayıcıda görüntüleyin. 25

E-Posta PHP ile E-posta Göndermek Kullanıcıya otomatik e-posta göndermek için kullanılır. Örneğin üyelik sistemi olan bir sitede, kullanıcılara üyeliklerini aktif etmek için otomatik posta göndermek gerekebilir veya ziyaretçi defterine yazılan bir mesajın size mail yoluyla gelmesini isteyebilirsiniz. PHP de mail göndermek için mail() fonksiyonu kullanılır. Sunucu sistemde mail sunucu yüklü olmalıdır. 26

E-Posta PHP ile E-posta Göndermek PHP den mail göndermek için php.ini dosyası aşağıdaki şekilde değiştirilmelidir. [mail function] ; for win32 only. SMTP=localhost SMTP_port = 25 ; For win32 only. Sendmail_from = deneme@deneme.com 27

E-Posta PHP ile E-posta Göndermek Kullanım Şekli mail( kime gidecek, e-posta konusu, e-posta içeriği) Yollanacak e-postanın HTML içerikli olması, gönderen e- posta adresinin görüntülenmesi, e-posta dil kodunun tanımlanması, e-posta Cc ve Bcc alıcılarının belirlenmesi ve header adlı bilgilerinde gönderilmesi gerekir. Header parametresinin kullanım zorunluluğunun olmadığı bilinmelidir. 28

E-Posta PHP ile E-posta Göndermek Kullanım Şekli (değişken biçiminde) mail( $alici, $konusu, $icerik, $headers) $alici : Posta gönderilecek kişinin e-posta adresi. $konu : Gönderilecek e-postanın konusu. $icerik : Gönderilecek e-postanın içeriği. $headers : Gelişmiş posta tanımlarının tamamı veya birkaçını içeren değişken. 29

E-Posta PHP ile E-posta Göndermek $Header değişkeni parametreleri Parametre From Reply-to X-Mailer MIME-Version Content-type To Cc Bcc Açıklama Hangi e-posta adresinden yollandığı. Mail yollanan kişi yanıtlamak istediğinde kullanılacak e-posta adresi. Mail gönderen yazılım. E-posta MIME (Multipurpose Internet Mail Extensions) İçerik türü ve dil tanımlamaları E-postanın gönderileceği adres/adresler E-postanın kopyasının gönderileceği görünür adres/adresler E-postanın kopyasının gönderileceği gizli adres/adresler 30

E-Posta PHP ile E-posta Uygulaması Bu uygulama örneğini web sayfalarından e-posta göndermek amaçlı kullanabilirsiniz. Php.ini dosyasında gerekli değişiklik (önce yansılar) yapılmalı ve suncunuzda posta sunucusu kullanılmalıdır. (localhosta Mercury kullanabilirsiniz.) Bu uygulama örneğinde Deneme HTML E-postası yolluyoruz içerikli bir posta gönderilecektir. Dil formatı iso-8859-9 dur. Görünür ve gizli kopya da alıcılara gönderilmektedir. 31

E-Posta PHP ile E-posta Uygulaması 32

Php de Dosya ve Dizin İşlemleri Devamı Haftaya 33