View
696
Download
3
Category
Preview:
Citation preview
9. BİLİŞİM SEMİNERLERİ
WEB SİTESİ YAPIM AŞAMALARI SİRACEDDİN EL
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ıç
Ekip
Proje Yöneticisi
UI & UX Designer
Front-end Developer
Developer
Tester
başlangıç
- 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
- İ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
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.
ilham önemli tabi
• Awwwards.com • Creattica.com • Dribbble.com • Behance.net • DeviantArt.com • PremiumPixels.com • Pinterest • Google
tasarım
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
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
SONUÇ
İŞ BİTİRME ANLAYIŞI
Kendini geliştirmek için
• Sanalkurs.net • Vidobu.com • Codecademy.com • Codeschool.com • FatihHayrioglu.com • SherpaBlog • StackOverFlow.com • Google
tasarım
SİRACEDDİN EL
• Twitter.com/siracel • Facebook.com/siracel • www.siracel.com • siracel@sanalkurs.net
Recommended