Embed Size (px)
Citation preview
Uygulama Raporu
Uygulama RaporuKısa Özet
Ad Soyad :
TC No :
Bölüm :
Web Sitesi Adı :
Web Sitesi Örnek Alınan Site Adı :
Web Sitesi Konusu :
Web Site Amacı :
Hedef Kitle :
Kullanılan Program veya Web Derleyicileri : Dreamweaver CS5 de PHP , phpMyAdmin
YARDIM ALINAN KAYNAKLAR:
Ftp Hostname =
HOST SÜRE:
ALAN BOYUTU(DİSK):
Ftp Kullanıcı Adı =
Ftp Kullanıcı Parolası =
Uye kullanıcı adı :
Pass:
Yetkili kullanıcı adı :
Pass:
Uygulama Hakkında Ne Biliyorsunuz?
Uygulama : tüm aşamalardan geçmiş olan tasarımın hazır hala gelmesi işlemidir. Uygulama aşamasında projemizi hayata geçiriyoruz. Grup olarak projemiz i gösterdiğimizi hocamız ün ve sınıf arkadaşlarımızın görüşlerini alarak projemizin başarılı olup olmadığı izledik. Ayrıca uygulama da sitenin bir kısmını ‘ nin görüşlerini de aldık. Uygulama aşaması değerlendirme aşamasından önce projenin hayata geçirilebildiğinin kontrolünün yapıldığı kısımdır. Uygulama aşamasında proje çalışması hedef kitleye sunulur. Hazırlamış olduğumuz sanal ilan sitesinin uygulama aşamasında ki hedef kitlesi; ders hocamız ve Sınıf arkadaşlarımızdır. Gerçekleştirim aşamasında hazırlanmış olduğumuz projeyi uygulama kısmında hayata geçirdik. Projemiz uygulama aşamasında test sırasında karşılaşmış olduğumuz olumlu ve olumsuz durumları değerlendirme aşamasında kullanmamız için not edilmelidir. Uygulamanın Amacı Nedir?
Uygulama aşamasında amacımız ; hazırlamış olduğumuz projemizde analiz ve tasarım raporunda belirlemiş olduğumuz hedeflerde ne kadar başarılı olup olmadığımızın kontrolünü yapmaktır.Bu aşamada hazırladığımız uygulama (test) planına göre projemizin uygulamasında çıkabilecek sorunları tespit edip, bu sorunların düzeltilmesini amaçladık.Amacımız ;
Projemizi Kullanıcıya sunmadan önce projenin tasarımından ve kullanışlığında emin olmak. Projenin aksayan yönlerini tespit etmek ve çözüm yolları bulmak. Kullanıcılarımızın olması istedikleri istekleri gerçekleştirmek. Hedef kitlenin programı kullanabilirliğini test etmek. Son olarakta projeyi hedef kitleye teslim etmektir.
Uygulama Planı (Test Planı)
Gerçekleştirim aşamasında tamamladığımız Sana İlan web sayfasını her türlü hata ve sorunlardan arındırdıktan sonra grup arkadaşımızın www.erdincelik.com adresinden yayınladık. Çıkabilecek teknik aksaklıkları gidermek amacıyla ilk kendimiz test ettik. Daha sonra aşağıda belirttiğimiz kişi, zaman ve yer bilgileri doğrultusunda web sitemizi kullanıcıların kullanımına açarak tanıttık.
Test Edilen Kişi Test Edilen Yer Test Tarihi
Bilgisayar Labratuarında
Hedef kitlemizin kullanıcı durumuna göre web sayfasında neler yapabileceklerini açıkladık. Hedef kitleyi kullanacağı panellerine göre ayırmamız bizim açımızdan kolaylıklar sağladı , kullanıcılar açısından da rahat anlaşılmasını sağladık.
Hedef Kitle Tanıtılan Modül Tanıtılan Panel
Akademik Kadro Anasayfa Modülü Kullanıcı Girişi Paneliİlan Arama Paneli
Yönetici Sayfası Modülüİlanlar PaneliKullanıcılar Paneli
Öğrenci Anasayfa Modülü Kullanıcı Girişi Paneliİlan Arama Paneli
Kullanıcı Modülüİlanlarım Paneli Mesajlarım PaneliHesabım PaneliFavorilerim Paneli
Modülleri tanıtırken;
Ana sayfadaki menülere nasıl ulaşılır?Kullanıcının farklılıkları nelerdir?Nasıl Üye olunur?Admin olarak nasıl giriş yapılır?Kullanıcı olarak nasıl giriş yapılır?Kullanıcı nasıl eklenir?Tüm kullanıcılar nasıl görüntülenir?Kayıtlı kullanıcı nasıl silinir?İlan nasıl eklenir?İlan özellikleri nasıl eklenir?İlanı alacak kişi seninle nasıl iletişime geçebilir?Adminle nasıl iletişime geçilir?Beğenilen ilanın sahibi ile nasıl iletişime geçilir?Tüm ilanlar nasıl görüntülenir?Eklenen duyuru nasıl silinir?Kullanıcı hesabı nasıl güncellenir?Nasıl çıkış yapılır?
Sorularıyla akademik kadro ve öğrencilere bilgi verdik. Sayfanın dizaynı yapısı ve işleyişi hakkında bilgiler verdik. Uygulama sorununda ufak tefek dikkatsizlikten kaynaklanan hatalarla karşılaştık ve karşılaştığımız hataları düzenledik.
Uygulama/Test Sonuçları Koyulan güvenlik kodlarının kullanılmasından dolayı zaman kaybının yaşatılmasına sebep olduğunu söylediler. Biz de onlara güvenlik acısından böyle bir uygulama yaptığımızı anlattık.Yapmış olduğumuz sitemizin amaçlarına ulaştığını söylediler.
Gerçekleştirim Raporu
Gerçekleştirim Raporu
Kısa Özet
Hazırlamış olduğumuz raporumuz gerçekleştirme raporu hakkında bilgiler verdik. Daha önce hazırlamış olduğumuz analiz ve tasarım raporlarında grupça belirlenen hususların bir kısmını gerçekleştirdik. Bu aşamada yapmış olduğumuz projede kodlama ve sınama aşamalarını yaptık. Raporumuzda son kısımda yer alan kullanma kılavuzu projemizin hangi koşullarda ve şartlarda çalışabileceği konusunda gerekli bilgileri verdik. Gerçekleştirme raporunda;
· Gerçekleştirme hakkında neler bildiklerimizi,
· Gerçekleştirme raporunun amacını,
· Hazırlamış olduğumuz projede hazırlarken karşılaştığımız sorunları ve bu sorunlara nasıl bir çözüm yolu bulduğumuzu,
· Projenin bileşenleri ve bileşenlerin işlevlerini nelerdir,
· Projeden görsel kesitler,
· Proje kullanıcı kılavuzu ve yazılım bileşenleri,
Hakkında bilgiler verdik.
Gerçekleştirim Hakkında Ne Biliyorsunuz?
Gerçekleştirme aşaması, tasarlanan bilgi sisteminin tasarlanacak sayfa içinde uygulanabilir hale getirilmesi için gerekli olan düzenlemelerin yapılması işidir. Gerçekleştirim aşaması ADDİE basamaklarına baktığımızda tasarımdan sonra ve uygulamadan önce yer alır.Projemizde bu aşamada tasarım aşamasında ve analiz aşamasında planladığımız gibi bir yol izledik. Tasarım raporunda belirttiğimiz gibi mimari tasarımı, ara yüz tasarımı, veritabanı bağlantıları ve içerik tasarım süreçleri somut olarak gerçekleştirilmeye başladık.Tasarım aşamasında tasarlamış olduğumuz ara yüz tasarımı, mimari tasarımı ile ilgili gerekli kodlamaları yaptık. Bu kodlamaları php programlama dili ile yaptık. Gerekli olan verileri veritabanından çektik ve veritabanına kaydettik. Yapılan kodlamaları yaparken admini, yeni eklenen kullanıcıları, siteye eklenen ürünleri veri tabanına kaydedildi. Siteye giriş için kullanıcılar ve admin için ayrı sayfalar hazırlandı. Yazmış olduğumuz kodları captivate ile sesli ve görsel olarak bir eğitim yazılımı hazırlamak için hazırlıklar yaptık. Tasarımda hazırlamış olduğumuz çalışmalar ile gerçekleştirim raporunda hazırladığımız çalışmaları birbiri ile ilişkilendirilmesine dikkat ettik. Gerçekleştirim aşaması projenin kullanıcıya sunulması aşamasıdır.
Gerçekleştirim Amacı Nedir?
Gerçekleştirimin amacı; siteyi hazır hale getirmek ve bu çalışmalar sırasında ortaya çıkan problemleri tespit etmek ve çözüm yolu bulmaktır. Amacımız ; analiz ve tasarım aşamalarında vaat ettiğimiz hususları eksiksiz yerine getirmek ve sorunsuz olarak çalıştırmaktır.
Bu süre içerisindeki diğer amaçlarımız ise;
· Kullanıcılar sitemize üye olabilecekler;· Sitemize üye olurken kullanıcı adı, e- posta adresi gibi hususlar çakışmayacak;· Yeni üye olan kullanıcılar e-posta adresini “@” işareti ile birlikte yazmak zorundalar;· Yeni üye olan kullanıcılar resim doğrulama kısmını doldurmak zorundalar;· Üye olan kullanıcılar giriş yaptıklarında çıkış butonuna basmadıkça istedikleri saylar
arasında dolaşabilecekler;· Kullanıcıların üye olurken oluşturdukları şifreler güvenlik açısından karakterlere
dönüştürülmesi;· Kullanıcılar üye olduktan sonra istedikleri zaman bilgilerini sitede görebilecekler ve değişiklik
yapabileceklerdir.· Kullanıcılar ellerinde bulunan ürünleri ilan verebilecekler;· Kayıtlı kullanıcılar verilen ilanları görebilmelerini;· Yeni ilan vermek isteyenlerin öncelikle üye olması gerekmektedir.· Kullanıcılar birbirleriyle mesajlaşabileceklerdir.· Sitemizde admin ve kullanıcılar için farklı sayfalar oluşturulacak;· Kullanıcılarımız istedikleri ürünleri daha kolay bulabilmeleri açısından arama butonu koyduk;· Siteyi ziyaret eden her kullanıcı ürünleri görebilecek ama daha detaylı bilgi için üye olması
zorunludur.· Kullanıcılarımız istedikleri ürünün altına yorum ekleyebileceklerdir ve istedikleri soruları
sorabileceklerdir.· Kullanıcılar için birbirleriyle haberleşebilecekleri iletişim kısmı oluşturulacaktır.· Kayıtlı kullanıcılar için sitemizde giriş yap kısmı oluşturulacaktır.· Kullanıcıların beğenip seçtiği ürünler favorilerim kısmına atılacaktır.· Kayıtlı kullanıcıların sitede işi bittiği zaman çıkış yapabilecekleri bir buton oluşturulacaktır.
Karşılaşılan Sorunlar ve Uygulanan Çözümler
Sitemize ilk olarak tasarım aşamasından başlanıldı. Bu kısımda pek fazla bir sorun ile karşılaşmadı. Sitemizin genel hali hakkında ve renk uyumuna karar verirken grup üyeleri genel olarak bir kararsızlık yaşadı. Sitemizin için kapsamlı bir araştırma yapıldı. Sitemize benzer siteler araştırıldı, incelendi ve gerekli kitaplara başvuruldu. Araştırmalarımız doğrultusunda sitemizin son haline karar verildi.
Veri tabanı oluştururken ve kategori belirleme aşamalarında kararsızlık yaşanıldı.
Yazdığımız kodların çalışmaması bizim için en büyük sorunlardan birisiydi.
Üye kaydı kontrolü yaptırmak için yazdığımız kodlarda sorunlar yaşanıldı. Bu sorunu çözebilmek için internet de örnek kodlamaları incelendi ve php’de bizden daha bilgili grup ve sınıf arkadaşlarımızdan yardım alındı.
Sorunlardan bazıları da internet sayfası hazırlamaya yeni başlamış bireyler olarak, konu hakkındaki bilgi eksikliğimizden kaynaklandı.
Genellikle karşılaştığımız sorun ise kodlamada koymayı unuttuğumuz bir noktalı virgül ya da bir parantez oldu. Bu basit hatalar yüzünden kod satırları tek tek incelenir ve hata aranırdı. Bu durumun önüne geçebilmek için veya en aza indirebilmek için yazılan kodlar düzenli ve hiyerarşik bir yapıya büründürüldü.
Projenin Bileşenleri ve Görevleri
Programlar
Modüller
Kullanıcı Giriş Modülü
Bu modül ile kullanıcı girişi yapılır. Kullanıcılar kendilerine ait bilgileri görmeye ve güncelleme hakkına sahiptirler.
Yönetici Panel ModülüBu modül ile admin giriş yapabiliyor. Yönetici bu panelde istediği değişikleri yapar, onaylanması gereken yerleri onaylar ve güncelleyebilir. Adres çubuğuna http://localhost/sanal-ilan/admin/ adresini girerek admin paneli karşımıza çıkacaktır. Kullanıcı adı ve şifreyi girerek admin paneline giriş yaparız.
Ziyaretçi Panel ModülüBu modül siteyi ziyaret edenlerin ; üye olmayanların karşılarına geldiği sayfadır. Ziyaret edenler üye olan kullanıcılara göre dejavantajlıdır. Bazı sınırlamalar vardır.
Anasayfa Modülü
Bu modülde yeni ilanlar, tüm ilanlar, ücretsiz ilan ver, sık sorulan sorular ve iletişim paneli bulunmaktadır. Kullanıcılar verilmiş ilanları buradan rahatlıkla erişebilecektir. Kendisi de burdan kolaylıkla ilan verebilecektir.
Kısa yoldan aranmak istenen ilan bu kısımdan aranabilir. Favorileriniz kısmı sadece üye olan kullanıcılara gözükecektir.
Kategoriler Modülü
Bu modülde ilan verilecek kategori alanların bulunmaktadır.
Flash Modülü
Sayfanın orta kısmında ilanların gösterildiği animasyon bulunmaktadır.
Sayaç Modülü
Dosyalar
Flash
İndex.phpSite içerisinde tüm sayfaların düzen içerisinde olmasını sağlar.Bu sayfada yapılan ayarların diğer sayfalarda da otomatik olarak aynı olmasını sağlar. Böylece site yapımında zamandan kazanılır.Veritabanı
Oluşturulan tablolar aşağıdaki gibidir
Html ve Php Kodları
Dinamik web sayfaları üretmek için geliştirilmiş php kodlarından faydalandık.
Projeden Kesitler
Bu kısımda site içerisinde kullanılacak bazı sayfalarda söz edeceğiz. Tasarım raporunda hazırlanmış olan sayfaların çıktılarını göstermiştik. Burada ise kullanıcı, ziyaretçi ve admin arasındaki farkları sayfalarda nasıl düzenlediğimizi göstereceğiz.
Ziyaretçi PaneliWeb sayfası ilk açıldığında karşımıza gelen ekrandır. Bu sayfalara giriş yapıldığında sayfa üzerinde hiçbir değişiklik yapamazlar. Sayfada sağ tarafta ilan verilen ürünler kategorilenmiş halde listelenmiştir.
Ziyaretçinin girdiğinde karşılaştığı sayfadır.
Ziyaretçi ilan vermek istediğinde veya ürün detaylarını görmek istediğinde karşılaştığı sayfadır.
Admin Paneli Bu sayfa admin olan kişinin gireceği ; ne ziyaretçinin ne de kullanıcının girmeyeceği bir sayfa olmuştur. Ürünleri düzenleme,ürünleri onaylama,ürün silme,kullanıcıları silme,kullanıcı bilgilerini düzenlemeve kullanıcı kayıt yapınca onaylama gibi işlemler yapılacaktır.Kullanıcı adı ve şifre ile giriş yaptıktan sonra karşımıza çıkan ekranda iki seçenek bulunmaktadır. Kullanıcı işlemleri ve ilanlarla ilgili işlemler Kullanıcı İşlemler
İlanlarla ilgili işlemler
Kullanıcı PaneliBu kısım siteye üye olan kullanıcıların karşısına gelen sayfadır.
Kullanıcı adı ve şifresini yazarak giriş yapan kullanıcının karşılaştığı sayfadır.
Sayfadaki oluşan değişiklikler; Kayıtlı olduğu kullanıcı ismi
Hoşgeldiniz yazısının yanında yazacaktır. Çıkış yapana kadar gözükecektir.
Menü çubuğundaki butonlar değişti. Hesabım , mesajlarım, ilanlarım, ilan ver, favorilerim gibi butonlar geldi.
- Kullanıcı görmek istediği ürüne tıkladığında aşağıdaki gibi bir ekranla karşılaşır.s
- Kullanıcı ilan vermek istediğinde aşağıdaki ekranla karşılaşacaktır.
- Kullanıcı verdiği ilanları görmek istediğinde aşağıdaki gibi bir ekranla karşılaşacaktır.
- Kullanıcı hesabım butonuna tıkladığında önceden girdiği bilgilerini güncelleyebilir.
Kullanıcı Kılavuzu
Kullanıcı kılavuzu oluşturmamızın amacı web sayfası için kullanıcı kitlesine rehber olmaktır.Kullanıcı kılavuzu web sitesine hangi kullanıcı girdiğinde neler yapabileceği, hangi sayfaları gezebileceği, neleri değiştirebileceği, nasıl giriş ve çıkış yapabileceği gibi birçok bilginin paylaşıldığı bölümdür.Tüm sitenin içeriğinde sorumlu kişi admindir. Admin sayfalardaki bilgileri değiştirip güncelleyebilir, kullanıcıları ya da ilanları silme yetkisine sahiptir. Admin olarak giriş yapmak için; Kullanıcı adı:…… şifre: ………; yaptık ve şifre kontrolü yaptırdık.Üyeler kendi bilgilerini güncelleyebilir, ilan verebilir, admin ile iletişime geçebilir. Her kullanıcıya ait kullanıcı adı ve şifresi bulunmaktadır.Normal kullanıcı için kullanıcı girişi yapmasına gerek yok. Sayfalarda değişiklik yapamıyor sadece bilgileri görebiliyor.
Tasarım RaporuİNTERNET TABANLI PROGRAMLAMA DERSİ TASARIM RAPORU
Tasarım Raporu
Kısa Özet
Tasarım raporumuzda ilk olarak web site tasarımı hakkında araştırmalar yaptık ve tasarımın nasıl olacağını zihnimizde canlandırmaya çalıştık.Tasarımın neleri içereceğini(menü,resim,fotoğraf g.b)belirledik ve buna göre bir taslak hazırladık.Tasarım sürecinde; sitemizin içeriğinin nasıl tasarlanması gerektiği hakkında bilgiler vermeye çalıştık.Bu tasarım raporunda;
· Projemizde ulaşmak istediğimiz amaçların belirledik.· Projemizde kullanıcı yetkilerini belirledik.· Web sitemiz görsel olarak gösterilmesini ve açıklamalarla bilgi verdik.· Web sitemizde kullanacağımız butonları, şablonu belirledik.· Mimari tasarımına, ara yüz tasarımına ve veri tasarımının nasıl olacağını
belirledik.· Grup olarak uymakla yükümlü olduğumuz bir zaman çizelgesi belirledik.
Tasarım Hakkında Ne Biliyorsunuz?
Tasarım analizden sonra gelen, analizde şekillenmiş olan yapının somut olarak kâğıt üstüne dökülmesidir. Bu aşama görselliği ifade ettiğinden analiz raporunda belirtmiş olduğunuz sitenizin genel hatları daha belirgin hale getirilmelidir. Bu aşamada gerekli ise görsel materyallerden destek alınmalıdır. Web tasarımı ise web sitesinin yayına hazır hale gelmesi demektir.Proje, belirli bir hedefe ulaşmak için eldeki kaynakların ve zamanın kullanım planıdır. Tasarım ise bu planın düzgün bir şekilde uygulanmasında yardımcı olur. Tasarım bu yönüyle tasarım programcısına yol gösterir.Web sitesin tasarımı yapılırken kullanılacak olan öğeler; kategoriler(telefon bilgisayar ve kitap), fotoğraflardır.Siteminin tasarımı için hazırlamış olan bilgiler projenin yazılım kısmını tamamlayacak olan programcıya sunulur.Ayrıca sitenin tasarım aşamasında internet üzerinden ciddi araştırmalar yapılması gereklidir. Kendi sitenize özgü bir ara yüz tasarlamak amacı ile.Sitenizin tasarım aşamasında kullanıcıların sıkılmaması için uzun düz yazılar yerine az ve öz bilgilerin bulunduğu resimler yer almalıdır. Tasarım gayet sade ve gözü yormayacak şekilde hazırlanmalı ve görselliğe önem verilmelidir. Web sitesinde renk uyumuna, bilgilerin karışık olmamasına, tasarımın site konusuna uygun, site içeriğinin bilgilendirici olmasına dikkat
edilmesi gerekmektedir. Ayrıca tasarımda kullanım kolaylığına da dikkat edilmelidir. Kullanıcılar siteyi interaktif olarak kullanmalıdırlar.Sitede sunulacak olan bilgiler güvenilir ve güncel olması gerekmektedir. Bu bilgiler ziyaretçilerin ihtiyaçlarını karşılayabilmelidir.Site tasarımında yapılması planlananlar ziyaretçilerin dikkatini çekmek, sitede daha fazla vakit geçirmelerini sağlamak ve siteyi dolaşırken sıkılmalarını önlemek amacı ile yapılır.Tasarım kendinden ondan sonra gelen her aşamayı etkiler, özellikle geliştirmeye temel oluşturmaktadır. Projenin uygulama aşamasında ise tasarımı yapacak olan programcıya yön gösterir ve kendisinden ne beklendiği hakkında bilgi verir. Tasarımım kısmı ne kadar iyi olursa diğer kısımlar o kadar hızlı bir şekilde ilerler. Proje sonunda ulaştığımız sonuçla tasarımımızı karşılaştırırız, bu da değerlendirme aşamasını etkilemesi demektir. Tasarım bize her aşamada yardımcı olacağından tasarımın göstermiş olduğu yoldan ilerlemeliyiz.
Tasarım Amacı Nedir?
Genel bir ifade ile tasarlayacağımız web sayfası kullanıcılarımızın ilan verebileceği, ürünlere ve özelliklerine kolayca ulaşabileceği, yorum yapabileceği, ürünlere puan verebileceği, ürünü almak istediğinde ilan verenle iletişime geçebileceği, sitemizi ziyaret eden ama üye olmayan kullanıcılarımızın da sitemizde detaylı bir şekilde olmasa da ürünleri görebileceği bir web sayfası amaçlıyoruz.
Tasarım sürecinin sonucunda çalışmamızın genel yapısını tamamen belirlemeyi hedefliyoruz. Bu genel yapıyı oluştururken;
· Tasarım süreci sonunda web sitesinin içeriğinin ürün almak isteyen ve ilan vermek isteyen kullanıcılara uygun düzenlenmesi,
· Sitemizi ziyaret eden kişiler rahat ve kolay bir şekilde gezinti yapmalarının sağlanması,
· İçeriğin öncelik kullanıcılar olmak üzere her bir ziyaretçiye açıklayıcı ve anlaşılır olmasına özen göstermeye,
· Sitede gezinti yapacak kullanıcıların görmek istediği ürünlerin özelliklerine ulaşabilecekleri, site içinde aradıklarına (iletişim, arama kısmına, ürünü ilan veren kişi ile ilgili bilgilerine vb. ) kolaylıkla ulaşabilecekleri sadelikte bir görünüm oluşturmayı,
· Site içinde bağlantıların (yerleşim, yazı tipi, renk, uyum vb) hangi düzende olacağına,
· Sitenin iskeletini oluşturmayı ve bundan sonraki aşamaları bu plan içinde düzenlemeyi ,
· Sitemizde görsellik, erişebilirlik ve kullanılabilirlik kriterlerine göre sayfaların birbiri ile ilişkili kendi içerisinde uyumlu olmasını,amaçlıyoruz.
Uyguladığınız Tasarım Süreci
Hazırlamış olduğumuz web sitesinde kullanıcıların ellerinde bulunan ikinci el kitap , telefon , ve bilgisayarları daha hızlı ve kolay bir şekilde satabilmelerini amaçladık.Uyguladığımız tasarım sürecinde hedef kitleyi üniversite öğrencileri olarak belirledik.
Web sitemizde Ana sayfa , üyelerin birbiri ile mesajlaşması, iletişim formu , admin paneli, ilan ekleme , ilanları arama , ilanlara yorum yapma gibi başlıklar altında topladık.
Mimari Tasarım
Veri Tasarımı
Sitemizde ana sayfa, üye giriş sayfası, hesabım, favorilerim ve alt sayfalar olacaktır. Gerekli sayfalara gitmemizi sağlayan anasayfamızın bilgileri anasayfa adlı veri tabanında tutulacaktır. Bu bilgilerden site yöneticileri sorumlu olacaktır. Bu veri tabanında
· Kullanici· Yonetici· Ilan
Tabloları bulunacaktır.
Arayüz Tasarımı
Bu kısımda site ile kullanıcı arasındaki arayüzün tasarımı ile ilgili bilgiler verilecektir. Grup arkadaşlarımızla araştırmalarımız sonucu bizim yapacağımız siteye en uygun arayüzün bu olacağına karar verdik.
Hazırlayacağımız sanal ilan sitesi bir bakıma fiziksel mağaza gibi düşünerek arayüzümüzü ona göre şekillendirdik ve diğer sayfalarımızı da buna göre şekil vermeye çalıştık. Bu tür sitelerde kullanışlık çok önemli olduğu için tasarımda buna özellikle dikkat ettik.Yukarıda belirlediğimiz arayüze göre tasarımımızın genel şeklini böyle düzenledik.
Bir Numaralı Kısım:Sitenin sağ tarafındaki menüler sabit yerleşik menülerdir.
İki Numaralı Kısım: Sitenin üst tarafıda sabittir. Logomuz, ürün araması yapabileceği arama moturu, üyelerin kısayoldan giriş yapacağı kısım ve menü çubuğu bulunmaktadır. Menü çubuğunda bulunan hesabım, mesajlarım, ilanlarım, favorilerim ve çıkış butonu siteyi ziyaret eden herkese değil sadece kullanıcılara gözükecektir. Aynı zamanda üst tarafta bulunun favorilerim ikonu da yine sadece kullanıcılara gözükecektir.
Üç Numaralı Kısım: Bu kısımda ürünlerin reklamları bulunacaktır. Slayt şeklinde hareket eden ürünlerin fare ile üzerine geldiklerinde aşağıdaki şekilde görüldüğü gibi ilan detayını görmeleri için bir buton bulunacaktır.
Dört Numaralı Kısım:Beyaz alanda her sayfada gerekli olan içerikler gelecektir. İçerik bölümü de denilebilir. Bu veriler;
· Veritabanından alınan veriler olabilir,· Kullanıcının doldurması gereken formlar olabilir,· İlan verirken doldurulacak alanların bulunduğu sayfalar olabilir,
tumurunler.php,yeniurun.php ve index.php sayfasında yukarıda görüldüğü gibi ilanlar kutucuklar içinde gözükecektir. İlan kutucukları aşağıdaki şekilde tasarlanmaya karar verilmiştir. Yeni olan ürünler aşağıdaki şekilde görüldüğü gibi belirtilecektir.
İlanver.php, giriş.php ve kayit.php sayfaların tasarımları formlardan oluşturulacaktır.Tasarlanan web sayfalarının tanımları aşağıda verilmiştir.index.php : Sitenin anasayfasıdır. Kapsamlı olarak sitede bulunanları gösterir. Linkler ve bağlantılar kurulmuştur. Dinamik bir sayfadır.tumurunler.php : İlanların resimlerinin görüleceği sayfadır. Ayrıca detaylarını görmek istedikleri ilanların resimlerine tıklayarak detaylarını göreceklerdir. Detayları herkes görebilcek ama almak istediklerinde üyelik şartı gerecektir.yeniurun.php : Sitemize son zamanlarda ilan verilen ilanların resimlerinin görüldüğü sayfadır.
ilanver.php : Kullanıcının ürününün ilanını vereceği ve formdan oluşan bir sayfadır. Veri kontrolü yapılacaktır. Sayfanın biçimi bellidir. Dinamik olarak bilgiler elde edilecektir.sorular.php :Admine sorulan soruların ve cevaplarının yazıldığı kısımdır.giris.php : Sitemize üye olanların kullanıcı adı ve şifresini girerek hesaplarına ulaşacakları sayfadır.kayit.php : Üyelerin siteye kayıt olurken adminin kişiden doldurmasını istediği bilgilerin bulunduğu sayfadır.Son olarakta kategoriler menüsü altında bulunan ilan verilecek ürünlerin linklerinden bahsedeceğiz. Hangi ilan tıklandıysa o ilanların bulunduğu sayfalar karşımıza gelecektir. Almayı düşündüğünüz ilana tıkladığınızda o ilan için yazılmış özellikler ve ilan sahibinin bilgilerine ulaşılabilir. Aynı zamanda kullanıcılar birbirlerinin ilanlara verdiği oylamayı da görebilir.
Aşağıdaki butonlar sadece üye olan kullanıcılarımıza gözükecektir.
favorilerim.php : Kullanıcının siteyi gezerken almayı düşündüğü ilanların bir arada tutulduğu kısımdır.Kullanıcı isterse ürünü almaktan vazgeçebilir ve bunun üzerine ilan veren kişi ile iletişime geçmeyebilir. Favorilere eklenecek her ilan alınmak zorunda değildir. Bu sayfa sadece kullanıcıların siteyi gezdikten sonra dönüp almayı düşündüğü ilanların linklerinin bulunduğu sayfadır.hesabım.php : Kullanıcıların kayit olurken doldurdukları bilgiler bulunacaktır. Bu sayfada da değiştirilmesi gereken bilgiler olursa değiştirebilecek kullanıcı.cikis.php : Hesabına giren kullanıcının oturumunu kapatması için oluşturulmuş bir butondur.ilanlarim.php : Kullanıcıların ilanlarının gözükeceği sayfadır.mesajlarim.php : Kullanıcıların diğer kullanıcılarla mesajlaşmalarının görüldüğü sayfadır. Kullanıcılar ilan verilen ürünler hakkında bilgiler sorabilir ve ilan verdiyse kendilerine gelen soruları cevaplayabilir.
Zaman çizelgesi
Tarihler Proje aşamalarıProjemizin analiz aşamasında yapacağımız sitenin benzerlerini araştırdık ve incelik.Sitemizi kafamızda genel hatlarıyla oluşturduk. Sitemizde neler olacağını belirlendiHazırladığımız analiz ilgili kişi tarafından teslim edilmesi.Analiz kısmının kâğıda dökülmesidir ve sitemizin hatları kesin olarak belli olmuştur. Arayüz tasarımı yapılır. Bu tasarım yapılmadan önce ilgili siteler detaylı olarak araştırılır ve incelenir. Site oluşturulurken nelere dikkat edilmesi gerektiği araştırılır.Hazırladığımız tasarım raporunu ilgili kişiye teslim edilmesi.
- Gerçekleştirim aşamasında, tasarım raporunda belirlenen plana göre bir yol izlenir; tasarlanan mimari, ara yüz, veritabanı bağlantıları ve içerik tasarım süreçleri somut olarak gerçekleştirilmeye başlanır.
- Hazırladığımız gerçekleştirim raporunun ilgili kişiye teslim edilmesi.- Uygulama aşamasında sitemizin yapımı bitmiş olup gerekli testler yapılmıştır.- Değerlendirme kısmında sitemiz ilgili kişi tarafından değerlendirilir.
Analiz Raporu
Analiz RaporuKısa Özet
Analiz sürecini geliştirirken amacımız kullanıcıların ellerindeki ürünleri sitemize ilan vererek daha kısa sürede satışı gerçekleştirmelerini sağlamaktır. Web sitemize tasarlarken amaca uygun bir web sitesi tasarlamaya çalıştık. E-ticaretin gelişmesiyle ve ürün fazlalığı nedeniyle sitemize ilan verilecek ürünlerde sınırlamaların olması gerektiğini düşündük. Bu süreci geliştirirken de ihtiyaç olan ürün kategorilerini seçmeye karar verdik. Sitemizde görsel olarak favorilere ekle bölümü, ilan veren ile ürünü alan arasında iletişimin sağlanmasını gerçekleştireceği bir bölüm, ürün araması yapılacak bir bölüm bulunmasına karar verdik. Sitemizin tercih edilme amaçlarından biri de kullanıcı ilan verilen ürünler hakkındaki özelliklere istedikleri her an ulaşılabilmelerinin avantaj sağladığını düşündük. Kullanıcıların her yerden erişme imkanı sitemizin diğer bir tercih edilme sebebi de oluyor. Bu sayede sanal dünyada hedef kitlemizi yakalar ve kullanıcıların birbiri ile daha sağlam iletişim kurmasını sağlarız. Web sitemizin hitap edeceği kitle üniversite öğrencileridir. Kullanıcı hem hızlı hem de maliyetsiz bir şekilde ürününün ilanını verecek.
Analiz Hakkında Ne Biliyorsunuz?
Analiz kelime anlamıyla bir konuyu temel parçalarına ayırma işlemidir.Analiz kısmı problemi tanımladığımız kısımdır. Bu kısımda projemizin başından sonuna kadar neler yapacağımızı belirleriz ve belirlemiş olduğumuz proje tasarımında nelere ihtiyaç duyacağımıza dair verileri toplarız.Analiz basamağında toplamış olduğumuz veriler sayesinde projemizin ana hatlarıyla belirlenir; oluşturacağımız sitede diğer benzer sitelerden yaptığımız araştırmalar ve hocalarımızdan alığımız yardımlar sayesinde sayfalarımızın nasıl olması gerektiğine dair plan yapılır. Analiz basamağı projemiz için çok önemlidir. Bu basamak bize ilerleyen basamaklarda ne yapacağımızı ve nasıl yapacağımıza dair kılavuzluk edecektir.Diğer basamaklar analiz basamağındaki verilere uygun bir şekilde tasarlanır, bu açıdan diğer basamakları etkiler.
Analizin Amacı Nedir?
Analiz sürecinin sonunda neyi, ne zaman ve nasıl yapacağımıza dair karar vermek istiyoruz. Sitemiz diğer e-ticaret sitelerinden örnek alınarak oluşturulacak. Bu sitelerden biri www.sahibinden.com sitesi. Sitemiz de 3 kategori bir ilan sitesi olacaktır. Bu kategoriler bilgisayar, telefon, kitap olmak üzere sınıflandırılmıştır. Üye olan kullanıcılar ilan ekleyebilecek. Admin ise onay, silme, düzenleme vs. yetkilerine
sahip olacak ve gerektiğinde kullanabilecektir. İlan ekleyen ve ilan verilen ürünü satın almak isteyen kullanıcılar birbirleri ile mesajlaşabilecek.
Uyguladığınız Analiz Süreci
Tasarlayacağımız web sayfasının konusunun sanal ilan olmasına grupça karar verdik.Amacımız insanların elinde bulunan ürünleri daha rahat ve kısa zamanda satmalarını sağlamaktır. Internetten diğer sanal ilan sitelerine baktık. Görsellik ve tasarımla ile ilgili internetten araştırma yaptık. E-ticaret sitelerinde kategorilendirilen ürün başlıkları hakkında kısa bir araştırma yaptık. Araştırmalarımızın sonucunda oluşturacağımız sitede teknolojik ürünlerden bilgisayar, telefon ve kitap ürünlerinin bulunmasına karar verdik. Böylece sitede ilan verilen ürünlerin özelliklerine bakarak kullanıcıların aradıklarını bulabilmesi açısından yararlı olmasını sağladık.
İhtiyaç Analizi
E-ticaret; işletmeler, kişiler, kurum ve kuruluşlar arasında bilgisayar ağları üzerinden bir malın alışı ve satışının gerçekleşmesi olarak tanımlanmaktadır.E-ticaret kavramının kullanılmaya başlanması, insanların internetten alışveriş yapmaya başlamasıyla yaygınlaştırmıştır. İnsanların Sanal ilan vererek de ürünlerini kolayca satmaları e-ticaretin yaygınlaşmasının bir göstergesi olmuştur.
E-ticaret kullanılmasının sebepleri ;
- İşletmelere, kişilere vb. yerlere yeni pazarlama alanları oluşturmaktadır.- İnsanların zamandan tasarruf etmesini sağlamaktadır.- Veri haberleşmesinin hızlı olmasıdır.- Her yerden erişime imkan vermesidir.- Daha çok ürünle karşılaşılmasıdır.
İçerik Analizi (Görev)
İçeriği oluşturmadan önce internette benzer sitelerden ürünleri araştırdık ve bir ön bilgiye sahip olduk. Üyelerin kullanabilecekleri arama botunu koymaya karar verdik. Web sayfamızda kullanıcılarımız teknolojik ürünler hakkında bilgi alacağı ürünler bulunacaktır. E-ticaretin gelişmesi ürün sayısını da artırdığı için ürünleri kategorilendirirken sadece teknolojik ürünlerden birkaçını seçmeye karar verdik. Kategorileri bilgisayar,telefon ve kitap olarak belirledik. Siteyi ziyaret eden her kullanıcı ilan verilen ürünleri görebilme imkanına sahip olacak fakat ürünün özellikleri gibi daha çok somut bilgi istemesi durumunda kullanıcıya üye olması gerektiği söylenecektir. Aynı zamanda ürün ilanı vermek isteyen kullanıcı da aynı şekilde üyelik şartıyla karşılaşacaktır. Web sitemizdeki ürünün özelliklerini kullanıcılarımız kendileri oluşturmaktadır. Her ürünün altına kullanıcı yorumunu ekleyecebilecek, sorması gereken soru varsa sorabilecektir. Kullanıcılarımız ürünlerin özelliklerine bakarak yorum yapma dışında o ürüne puan da verebileceklerdir. Ürünlere bakan kullanıcı favorilere ekle butonu ile ürünleri favorilerine ekleyebilecek ve ürünü almaktan vazgeçtiğinde de favorilerden çıkarabilecektir. Kullanıcılar ilan vermek istediklerinde ilan verecekleri ürün kategorisini seçip karşılarını gelen kutucuklara ürünün özelliklerini yazabilecekler. Ayrıca kullanıcıların adminle haberleşebileceği bir iletişim butonu olacaktır.
Sayfamızda;
- Ürünleri düzenleme- Ürünleri onaylama- Ürün silme
- Kullanıcıları silme- Kullanıcı bilgilerini düzenleme- Kullanıcı kayıt yapınca onaylama gibi yetkilere sahip admin panelimiz olacaktır.
Kullanıcı Analizi
Hedef kitlemiz online alışveriş yapan kişiler olarak belirlenmiştir.
Durum/Ortam (Öğrenme ortamı) Analizi
Yapacağımız online alışveriş sitesinin kullanıcının kolayca kullanabileceği şekilde tasarlayacağız. Tasarlayacağımız bu siteyi öğrenenin analizinde yapmış olduğumuz araştırmaları göz önüne alarak tasarlayacağız. Tasarım aşamasında kullanıcılarımızın aradıkları ürünlerin özelliklerinin net olarak ulaşması ve kullanıcı memnuniyeti ön planda tutulması sağlanacaktır. Yaptığımız araştırmalara göre internete en çok ev ve işyerlerinde giriliyor.
Kullanılan Yöntem(ler)in Gerekçe Analizi
Sanal ilan sitesi hazırlamamızdaki amaçlar;· Bilgisayar , telefon , kamera katagorilerini seçmekteki amacımız; günümüzde
artık tüm insanların bigisayar ve telefon kullanıyor olması ,· Son zamanlarda E-ticaretin yavaş yavaş hayatımıza girmesi,· Kullanıcılar arasında iletişim kurabilme,· Güvenilir bilgi olması,· Kullanım kolaylığı· Ulaşabileceğimiz kullanıcı sınırsız,· Sürekli çalışma.
Zaman Çizelgesi
Öğrenci İsmi
Görev Süre
Tarih
Sayfanın tasarımının yapılması, veritabanının oluşturulması ve bağlantısının sağlanması.
1 hafta
Üye kaydının kodlanması,üyelerin sayfalar arasında dolaşması,üyelerin birbirleri ile mesajlaşması, ve ilanların veritabanına eklenmesi ve kontrollerinin sağlanması
2 hafta
İletişim formunun ve üyelerin profillerini güncelleme kısmının kodlanması
1 hafta
Admin paneli kodlaması(İlanların listeleme,silme,düzenleme,onaylama,kullanıcıların listelenmesi,silinmesi,onaylanması),üyelerin ilanları sepete ekleyebilmesi, ilanlara yorum yapabilmesi,ilan arama işlemleri.
3 hafta
