To foiti̱tikó parárti̱ma ti̱s IEEE tou Panepisti̱míou Io̱anníno̱n, diorganó̱nei diago̱nismó anáptyxi̱s istoselídas gia tous pro̱toeteís proptychiakoús foiti̱tés tou Tmí̱matos Mi̱chanikó̱n I̱/Y & Pli̱roforikí̱s me théma:̱

Schediasmós Istoselídas Vasisméni̱ se Web 2.0 Technologíes

Stóchos tou diago̱nismoú eínai na exoikeio̱thoún oi foiti̱tés schetiká me ti̱n schedíasi̱ istoselído̱n vasisméno̱n se Web 2.0 Technologíes. To Web 2.0 perigráfei World Wide Web istoselídes pou chri̱simopoioún ti̱n technología péra apó tis statikés selídes to̱n palaiótero̱n istoselído̱n. Paradeígmata tou Web 2.0 perilamvánoun diktyakoús tópous koino̱nikí̱s diktýo̱si̱s, blogs, wikis, folksonomies, istoselídes diamoirasmoú vínteo, ypi̱resíes filoxenías, efarmogés Web, kai mashups.

O diago̱nismós aforá tous pro̱toeteís proptychiakoús foiti̱tés tou Tmí̱matos Mi̱chanikó̱n I̱/Y & Pli̱roforikí̱s tou Panepisti̱míou Io̱anníno̱n kai skopó échei na eiságei tous foiti̱tés sti̱n énnoia to̱n Web 2.0 Technologió̱n.

Oi diago̱nizómenoi échoun ti̱n dynatóti̱ta na epiléxoun opoiodí̱pote template epithymoún kai chri̱simopoió̱ntas móno gló̱ssa html/html5, stylistiká fýla CSS kai Javascript gia na anaptýxoun ti̱n dikí̱ tous proso̱pikí̱ istoselída.

Prodiagrafés gia ti̱n anáptyxi̱ kai axiológi̱si̱ to̱n diago̱nizoméno̱n istoselído̱n:̱

Idiaíteri̱ émfasi̱ tha dotheí sti̱n domí̱ kai ti̱n orgáno̱si̱ ti̱s istoselídas.

a. Tha prépei i̱ orgáno̱si̱ ti̱s istoselídas na eínai katanoi̱tí̱.

v. Na eínai éf̱koli̱ i̱ ploí̱gi̱si̱ sta diáfora méri̱ ti̱s istoselídas.

g. Na ypárchei sýndesmos gia epistrofí̱ sti̱n archikí̱ selída.

d. Na prosférei katálogo periechoméno̱n í̱ ev̱retí̱rio.

Axiopistía tou syngraféa.

a. Tha prépei na anaféretai o di̱miourgós ti̱s istoselídas kai o ypéf̱thynos gia to periechómeno ti̱s istoselídas.

v. Ýparxi̱ stoicheío̱n epikoino̱nías me to syngraféa.

g. Idióti̱ta kai oi drasti̱rióti̱tes tou syngraféa ti̱s istoselídas.

d. Poios ypográfei ti̱n pli̱roforía(ónoma syngraféa, organismoú, idrýmatos, e-mail, pli̱roforíes epikoino̱nías).

e. Poios o stóchos ti̱s pli̱roforías?

st. O lógos di̱miourgías ti̱s istoselídas.

Eni̱méro̱si̱ kai epikairóti̱ta to̱n pli̱roforió̱n ti̱s istoselídas.

a. Póte di̱miourgí̱thi̱ke i̱ istoselída?

v. Ananéo̱si̱ istoselídas.

g. Póte égine i̱ telef̱taía ananéo̱si̱?

d. Ýparxi̱ mi̱ energó̱n syndésmo̱n.

Schediasmós-Aisthi̱tikí̱

a. Chró̱ma fóntou kai léxeo̱n.

v. Trópos emfánisi̱s to̱n keiméno̱n kai to̱n grafikó̱n.

g. Ýparxi̱ lathó̱n orthografikó̱n, syntaktikó̱n.

d. Ýparxi̱ í̱ mi̱ diafi̱míseo̱n kai anadyómeno̱n parathýro̱n.

Axiológi̱si̱ kó̱dika

a. Syngrafí̱ ti̱s selídas me trópo tétoio ó̱ste ótan o kó̱dikas diavasteí grammí̱ pros grammí̱ apó user agents (ópo̱s eínai ta screen readers) na paraménei ev̱anágno̱stos.

v. Chrí̱si̱ CSS antí gia HTML gia ti̱n kataskev̱í̱ pináko̱n.

g. Na mi̱n chri̱simopoieí plaísia.

d. Na chri̱simopoieí syndésmous enso̱mato̱ménous sto keímeno.

e. Na paréchei to isodýnamo ti̱s pli̱roforías se keímeno gia káthe pli̱roforía pou paréchetai me grafiká í̱ polymésa.

st. Chrí̱si̱ si̱masiologikí̱s sí̱mansi̱s (semantic markup), i̱ opoía prosférei mia eniaía domí̱ sto archeío, p.ch., W3C. To semantic markup epísi̱s anaféretai sti̱n orgáno̱si̱ ti̱s domí̱s ti̱s istoselídas allá kai sti̱n anakoíno̱si̱/ékdosi̱/di̱miourgía orismó̱n to̱n diadiktyakó̱n ypi̱resió̱n me trópo ó̱ste na eínai anagno̱rísimes apó álles diadiktyakés ypi̱resíes se diaforetikés istoselídes. Ta prótypa gia to semantic web thétontai vásei IEEE.

Sto plaísio ti̱s anáptyxi̱s to̱n istoselído̱n tha pragmatopoii̱theí mia parousíasi̱ stis 11 Dekemvríou 2014 schetiká me Web 2.0 technologíes, ópou tha parousiastoún ergaleía gia anáptyxi̱ istoselído̱n, filoxenía istoselído̱n, kai tha syzi̱ti̱thoún oi prodiagrafés tou diago̱nismoú.

O diago̱nismós tha ylopoii̱theí se treís diakrités metaxý tous fáseis:̱

Ypovolí̱ próthesi̱s symmetochí̱s. Oi symmetéchontes tha prépei to argótero méchri ti̱n Paraskev̱í̱ 12/12/2014 na sympli̱ró̱soun ti̱n online aíti̱si̱ symmetochí̱s ston parakáto̱ sýndesmo.

https:̱//docs.google.com/forms/d/12OD-7Up7pay8Bio4C2ZYoCpbrjP96NKOkEm-Ytv4Qvk/viewform

Ypovolí̱ istoselídas. Oi diago̱nizómenoi tha prépei to argótero méchri ti̱n Paraskev̱í̱ 16/01/2015 na échoun anartí̱sei ti̱n istoselída tous sto chó̱ro pou tous paréchetai apó to tmí̱ma kathó̱s kai na ypováloun me e-mail sti̱n diéf̱thynsi̱ tou Foiti̱tikoú Parartí̱matos IEEE (ieeesb@cs.uoi.gr) éna sympiesméno fákelo (xxxx.zip) ópou tha periéchei a) to archikó template pou chri̱simopoií̱thi̱ke kathó̱s kai v) to fákelo me ta teliká archeía ti̱s istoselídas pou kataskev̱ásti̱kan. To e-mail tha prépei na échei apokleistiká o̱s théma “Diago̱nismós Istoselídas IEEE”, sto keímeno tou e-mail tha anaféretai ri̱tá a) to onomatepó̱nymo, v) o A.M. kai g) o sýndesmos pros ti̱n istoselída tou diago̱nizómenou. Télos o̱s syni̱mméno tha apostaleí o sympiesménos fákelos xxxx.zip. Ópou xxxx eínai o AM sas.

Axiológi̱si̱ to̱n istoselído̱n. I̱ axiológi̱si̱ to̱n istoselído̱n tha gínei apó mía tetramelí̱ epitropí̱ apoteloúmeni̱ apó:̱ ton k. I. Lagarí̱, Kathi̱gi̱tí̱ tou Tmí̱matos Mi̱chanikó̱n I̱/Y & Pli̱roforikí̱s, ton k. CH. Níkou, Anapli̱ro̱tí̱ Kathi̱gi̱tí̱ tou Tmí̱matos Mi̱chanikó̱n I̱/Y & Pli̱roforikí̱s kai sýmvoulo tou Foiti̱tikoú Parartí̱matos IEEE, ton k. K. Vlácho, Epíkouro Kathi̱gi̱tí̱ tou Tmí̱matos Mi̱chanikó̱n I̱/Y & Pli̱roforikí̱s kai ton k. A. Vónkli̱, CEO ti̱s etairías anáptyxi̱s logismikoú kai istoselído̱n Simple S. & A. Solutions.

Oi treís kalýteres istoselídes pou tha pli̱roún ta parapáno̱ krití̱ria tha anakoino̱thoún se ekdí̱lo̱si̱ pou tha pragmatopoii̱theí apó to Foiti̱tikó Parárti̱ma IEEE tou Panepisti̱míou Io̱anníno̱n.

The IEEE student Branch of the University of Ioannina organizes website development competition for first-year undergraduate engineering students of the Department H / Y & Information on:

Web Design Based on Web 2.0 Technologies

The competition aims to familiarize students about the web design based on Web 2.0 technologies. The Web 2.0 describes World Wide Web sites using technology beyond the static pages of the older sites. Examples of Web 2.0 include social networking sites, blogs, wikis, folksonomies, video sharing websites, hosting services, Web applications and mashups.

It is open to first-year undergraduate engineering students of the Department H / Y & Informatics, University of Ioannina, and aims to introduce students to the concept of Web 2.0 Technologies.

Contestants have the ability to choose any template and want only using language html / html5, stylistically sexes CSS and Javascript to develop their own personal website.

Specifications for the development and evaluation of bidders web:

Particular emphasis will be given to the structure and organization of the website.

a. Should the organization of the website is understandable.

b. Make it easy to navigate to different parts of the website.

c. there is a link to the homepage.

d. Provide a list of contents or index.

Reliability of the author.

a. You must report the creator of the site and the person responsible for the content of the website.

b. Existence contact details of the author.

c. Status and activities of site author.

d. Who signs the information (author name, organization, institution, e-mail, contact information).

e. What is the information objective?

f. The reason for creating the website.

Information and news of website information.

a. When the site was created?

b. Renewal website.

c. When was the last update?

d. Presence of active links.

Design-Aesthetics

a. Background color and words.

b. How to display the text and graphics.

c. Existence errors of spelling, syntax.

d. The existence or non-advertising and pop-ups.

Code Rating

a. Writing the page in such a way that when the code is read line by line by user agents (such as screen readers) remain readable.

b. Use CSS instead of HTML to build tables.

c. Do not use frames.

d. To use the links embedded in the text.

e. To provide the equivalent information in text of any information provided by graphics or multimedia.

f. Using semantic markup (semantic markup), which offers a single structure in the file, eg, W3C. The semantic markup also refers to the organization of the site structure and the communication / publication / creation definitions of web services in a way that is recognizable by other web services on different websites. The standards for the semantic web are set based on IEEE.

The development of the web will be a presentation on December 11, 2014 on Web 2.0 technologies, will present tools for web development, web hosting, and will discuss the specifications of the tender.

The competition will take place in three distinct phases between them:

Submit intent to participate. Participants will have the latest Friday 12.12.2014 fill the online application form on the link below.

https://docs.google.com/forms/d/12OD-7Up7pay8Bio4C2ZYoCpbrjP96NKOkEm-Ytv4Qvk/viewform

Website submission. Contestants should no later than Friday 16.01.2015 have posted on their website in the space provided by the department and submit by e-mail at the Student Chapter IEEE (ieeesb@cs.uoi.gr ) a compressed folder (xxxx.zip) which will contain a) the original template used and b) the envelope with the final files of the website built. The e-mail should only has the theme “Contest Website IEEE” in the text of e-mail will explicitly a) name, b) Reg and c) the link to the website of the contestant. Finally as an attachment will be sent compressed file xxxx.zip. Where xxxx is your IT.

Rating of websites. The evaluation of the web will be a four committee composed of: Mr. I. Lagarias, Engineering Department Professor H / Y & IT, Mr. X. Nikos, Deputy Engineering Department Professor H / Y & Informatics Adviser IEEE Student Chapter, Mr. K. Vlachos, Assistant Engineering Department Professor H / Y & Informatics and Mr. A. Vonglis, CEO of software and web development company Simple S. & A. Solutions.

The three best websites that meet the above criteria will be announced at an event to be held by the IEEE Student Branch of the University of Ioannina.

Το φοιτητικό παράρτημα ΙΕΕΕ στο Πανεπιστήμιο Ιωαννίνων, διοργανώνει έναν διαγωνισμό ανάπτυξης ιστοσελίδας σε web 2.0 τεχνολογίες.