İstanbul Üniversitesi'nde gerçekleşen 9. Sanalkurs Bilişim Seminerlerindeki "Web Sitesi Yapım Aşamaları" başlıklı 45 dakikalık seminerin sunum dosyası.

1. 9. BİLİŞİM SEMİNERLERİ
WEB SİTESİ YAPIM AŞAMALARI
SİRACEDDİN EL

2. Web
Geliştirme
Süreci
Planlama
ve Analiz
Web
Sayfası
Tasarımı
Yazılım
Geliştirme
Test ve
Hataları
Düzeltme
Yayınlama
başlangıç

3. Ekip
Proje
Yöneticisi
UI & UX
Designer
Front-end
Developer
Developer
Tester
başlangıç

4. - Domain
- Hosting
- Teknolojiler (HTML5, CSS3, PHP, ASP.net)
- Amaç (Eticaret, Kurumsal vs.)
- Genel Yapı ve Renkler
- İçerik
- Hedef Kitle
- Reklam
- Sosyal Medya
planlama ve analiz

5. - İhtiyaçları Anlamak
- Araştırmak, Düşünmek
- Tasarımı Planlamak
- Eskizler
- Doğru Font Seçimleri
- Uyumlu Renkler
- Flat Tasarım
- Responsive İçin Uygun
- UX (Kullanıcı Deneyimi)
tasarım

6. ui designer
1. Ürünün nasıl gösterildiği
2. İçerik
3. Görsel tasarım
4. Bilgi mimarisi
5. Beyne iletilen bilginin %90’ı
görsel
6. Güzel iş için iyi bir göze sahip
7. Etkileşim temellerini bilir
8. Front-end yazılım araçları
9. Grid Mantığı
10. PS, AI, FW
11. HTML, CSS, jQuery, XML
ux designer
1. Ürünün nasıl hissettirmesi gerektiği
2. İnsan faktörü
3. Çözümsel tasarım
4. İşlevsel tasarım
5. Web sitelerinin %97’si UX fikrini
kavramada başarısız
6. İnsan psikolojisine meraklıdır
7. Kullanıcı işlemlerini takip eder
8. Label ve Pattern’ler
9. Grid Mantığı
10. PS, AI, FW
11. HTML, CSS, jQuery, XML
tasarım
Unutulmamalıdır ki, web yazılımcılar vakitlerinin %50’sini
UI&UX konseptleriyle ilgili hataları düzeltmek için harcıyorlar.

7. ilham önemli tabi
• Awwwards.com
• Creattica.com
• Dribbble.com
• Behance.net
• DeviantArt.com
• PremiumPixels.com
• Pinterest
• Google
tasarım

8. yazılım geliştirme
- Sitenin veritabanı yapısını
oluşturmak
- Hangi dil ve framework ile
yapılacağını belirlemek
- Kod yazım standartlarına dikkat
etmek (PSR vs.)
- Kodları temiz ve anlaşılır yazmak
- Kodlara yorumlar eklemek
- Repository (depo) kullanmak
(Bitbucket, Github vs.)
- Araştırmacı kabiliyet
- Yenilikleri takip etmek

9. test ve hataları düzeltme
- Tarayıcı uyumluluğu
- Plana ve tasarıma uygunluk
- Kullanışlılık (UX) (http://mertbulan.com/tazedirekt)
- İçeriklerin uygunluğu
- Fonksiyonların işlerliği
- Responsive
- Sosyal medya uyumluluğu
- Tipografi

11. SONUÇ
İŞ BİTİRME ANLAYIŞI

13. Kendini geliştirmek için
• Sanalkurs.net
• Vidobu.com
• Codecademy.com
• Codeschool.com
• FatihHayrioglu.com
• SherpaBlog
• StackOverFlow.com
• Google
tasarım

14. SİRACEDDİN EL
• Twitter.com/siracel
• Facebook.com/siracel
• www.siracel.com
• siracel@sanalkurs.net