ﺑﺮﻧﺎﻣﻪﺳﺎزی وب ﻧﯿﻢﺳﺎل اول ٩٣-٩٢ ﻣﺪرس :ﺣﻤﯿﺪ ﺿﺮاﺑ زاده داﻧﺸ ﺪهی ﻣﻬﻨﺪﺳ ﮐﺎﻣﭙﯿﻮﺗﺮ ﺗﻤﺮﯾﻦ ﺳﺮی دوم ﻣﻬﻠﺖ ارﺳﺎل ۵ :آﺑﺎنﻣﺎه ﺳﺆال .١ﭘﺨﺶﮐﻨﻨﺪهی ﻣﻮﺳﯿﻘ ﺑﺎ اﺳﺘﻔﺎده از ﻋﻨﺼﺮ Audioدر HTML5و FileReader APIﯾ ﮐﻨﯿﺪ: .١ﺑﺎ ﮐﻤ ﭘﺨﺶﮐﻨﻨﺪهی ﻣﻮﺳﯿﻘ ﺑﺎ اﻣ ﺎﻧﺎت زﯾﺮ ﻃﺮاﺣ ﻋﻨﺼﺮ > <inputﺗﻌﺪادی ﻓﺎﯾﻞ ﻣﻮﺳﯿﻘ را از ورودی درﯾﺎﻓﺖ ﮐﻨﯿﺪ. .٢ﺑﺎ ﮐﻤ FileReader APIﻓﺎﯾﻞﻫﺎی اﻧﺘﺨﺎبﺷﺪه را ﺧﻮاﻧﺪه ،ﻫﻤﺎﻧﻨﺪ ﺷ ﻞ زﯾﺮ ﻓﻬﺮﺳﺘ از اﺳﺎﻣ ﻓﺎﯾﻞﻫﺎ ﺑﻪ ﻫﻤﺮاه ﮔﺰﯾﻨﻪای ﺑﺮای ﺣﺬف ﻫﺮ ﻣﻮرد اﯾﺠﺎد ﮐﻨﯿﺪ. .٣ﭘﺲ از ﻧﻤﺎﯾﺶ ﻓﻬﺮﺳﺖ ،ﻓﺎﯾﻞ اول ﺑﺎﯾﺪ ﺑﻪ ﺻﻮرت ﺧﻮدﮐﺎر ﭘﺨﺶ ﺷﻮد. .۴در ﺻﻮرت ﮐﻠﯿ روی ﻧﺎم ﻫﺮ ﻣﻮﺳﯿﻘ ،ﻣﻮﺳﯿﻘ اﻧﺘﺨﺎبﺷﺪه ﺑﺎﯾﺪ ﺷﺮوع ﺑﻪ ﭘﺨﺶ ﻧﻤﺎﯾﺪ. ﮐﻨﺘﺮل ﭘﺨﺶ ﻣﻮﺳﯿﻘ را ﺑﺮ ﻋﻬﺪهی ﺧﻮد ﻣﺮورﮔﺮ ﺑ ﺬارﯾﺪ ،ﻧﯿﺎزی ﺑﻪ ﻃﺮاﺣ دﮐﻤﻪﻫﺎی ﭘﺨﺶ ﻧﯿﺴﺖ .ﺗﻮﺟﻪ ﮐﻨﯿﺪ ﮐﻪ ﻣﺮورﮔﺮﻫﺎی ﻣﺨﺘﻠﻒ )در ﺳﯿﺴﺘﻢﻫﺎی ﻋﺎﻣﻞ ﻣﺨﺘﻠﻒ( ﻫﺮ ﯾ ﻣ ﺗﻮاﻧﻨﺪ ﻗﺎﻟﺐﻫﺎی ﺧﺎﺻ را ﭘﺨﺶ ﮐﻨﻨﺪ و ﺷﻤﺎ ﺻﺮﻓﺎً ﺑﺎﯾﺪ اﻣ ﺎن ﭘﺨﺶ ﭼﻨﯿﻦ ﻗﺎﻟﺐﻫﺎﯾ را ﻓﺮاﻫﻢ ﮐﻨﯿﺪ. ١ ﺳﺆال .٢ﻓﻬﺮﺳﺖ ﮐﺎرﻫﺎی روزاﻧﻪ ﯾ ﺻﻔﺤﻪ ﺑﺮای ﻧ ﻪداری ﻟﯿﺴﺘ از ﮐﺎرﻫﺎی روزاﻧﻪ ﻃﺮاﺣ ﮐﻨﯿﺪ .اﯾﻦ ﺻﻔﺤﻪ ﺑﺎﯾﺪ دارای اﻣ ﺎﻧﺎت زﯾﺮ ﺑﺎﺷﺪ: .١ﺑﺎ ﮐﻤ ﻋﻨﺼﺮ > <inputاﻣ ﺎن وارد ﮐﺮدن ﯾ ﻣﺘﻦ را ﺑﻪ ﻋﻨﻮان ﮐﺎر روزاﻧﻪ اﯾﺠﺎد ﮐﻨﯿﺪ .اﯾﻦ ﻋﻨﺼﺮ ﺑﺎﯾﺪ ﺑﻌﺪ از ﺑﺎرﮔﺬاری ﺻﻔﺤﻪ دارای focusﺑﺎﺷﺪ و ﺑﺘﻮان ﺷﺮوع ﺑﻪ ﻧﻮﺷﺘﻦ ﮐﺮد. .٢ﯾ دﮐﻤﻪ ﺑﺮای اﺿﺎﻓﻪ ﮐﺮدن ﻣﺘﻦ ﻧﻮﺷﺘﻪﺷﺪه ﺑﻪ ﻟﯿﺴﺖ ﮐﺎرﻫﺎی روزاﻧﻪ ﺑﺎﯾﺪ وﺟﻮد داﺷﺘﻪ ﺑﺎﺷﺪ .ﻫﻤﭽﻨﯿﻦ ﮐﺎرﺑﺮ ﺑﺎ ﻓﺸﺎر دادن دﮐﻤﻪی Enterﺑﺎﯾﺪ ﺑﺘﻮاﻧﺪ ﻣﺘﻦ ﻧﻮﺷﺘﻪﺷﺪه را اﺿﺎﻓﻪ ﮐﻨﺪ. .٣ﻫﺮ ﻣﻮرد از ﮐﺎرﻫﺎی روزاﻧﻪ ﺑﺎﯾﺪ ﺑﻪ ﺷ ﻞ ﯾ .۴در ﺻﻮرﺗ ﮐﻪ ﮐﺎرﺑﺮ ﯾ از ﻟﯿﺴﺖ ﺣﺬف ﺷﻮد. checkboxﺑﻪ ﻟﯿﺴﺖ اﺿﺎﻓﻪ ﺷﻮد. از ﻣﻮارد ﻟﯿﺴﺖ را ﺗﯿ زد ،اﮔﺮ ﺑﻪ ﻣﺪت ۵ﺛﺎﻧﯿﻪ ﺗﯿ را ﺑﺮﻧﺪاﺷﺖ ،ﺑﺎﯾﺪ اﯾﻦ ﻣﻮرد .۵ﺑﺎ اﻣ ﺎن localStorageاﻃﻼﻋﺎت اﯾﻦ ﻟﯿﺴﺖ را در ﺣﺎﻓﻈﻪی ﺳﻤﺖ ﮐﺎرﺑﺮ ﻧ ﻪداری ﮐﻨﯿﺪ .ﺗﻤﺎم ﻗﺎﺑﻠﯿﺖﻫﺎ ﻣﺎﻧﻨﺪ ﺣﺬف ﻣﻮارد ﺑﻪ ﺷ ﻞ ﮔﻔﺘﻪﺷﺪه ،ﺑﻌﺪ از ﺑﺎرﮔﺬاری ﻣﺠﺪد ﺻﻔﺤﻪ ﺑﺎﯾﺪ وﺟﻮد داﺷﺘﻪ ﺑﺎﺷﺪ. ﺑﺮای ﺟﻠﻮﮔﯿﺮی از اﯾﺠﺎد ﺧﻄﺎ در اﺟﺮای اﺳ ﺮﯾﭙﺖ ﺻﻔﺤﻪ ،ﺑﺎﯾﺪ ﻧﺒﻮدن ﻗﺎﺑﻠﯿﺖ localStorageرا در ﻧﻈﺮ ﺑ ﯿﺮﯾﺪ و ﺗﻨﻬﺎ در ﺻﻮرت وﺟﻮد اﯾﻦ ﻗﺎﺑﻠﯿﺖ ﺑﺮای ذﺧﯿﺮه ﮐﺮدن اﻃﻼﻋﺎت ﺗﻼش ﮐﻨﯿﺪ. ٢ ﺳﺆال .٣در ﺟﺴﺖوﺟﻮی ﮔﻨﺞ ﮔﺮﻓﺘﻦ از Canvasدر HTML5ﯾ ﺑﺎ ﮐﻤ .١ﯾ ﺑﺎزی را ﺑﻪ ﺷ ﻞ زﯾﺮ ﻃﺮاﺣ ﮐﻨﯿﺪ: Canvasﺑﻪ اﺑﻌﺎد ۶٠٠ﭘﯿ ﺴﻞ در ٣٠٠ﭘﯿ ﺴﻞ در ﺻﻔﺤﻪ ﻗﺮار دﻫﯿﺪ. .٢ﺑﻪ ﻃﻮر ﺗﺼﺎدﻓ ﯾ ﻧﻘﻄﻪ از ﺻﻔﺤﻪ را اﻧﺘﺨﺎب ﮐﻨﯿﺪ و ﯾ داﯾﺮه ﻧﻤﺎﯾﺎﻧ ﺮ ﻣ ﺎن ﺑﺎزﯾ ﻦ اﺳﺖ. داﯾﺮه ﺑﻪ ﺷﻌﺎع ١٠ﭘﯿ ﺴﻞ در آنﺟﺎ ﺑ ﺸﯿﺪ .اﯾﻦ .٣ﺑﻪ ﻃﻮر ﺗﺼﺎدﻓ ﻧﻘﻄﻪی دﯾ ﺮی را ﺑﻪ ﻋﻨﻮان ﻣ ﺎن ﮔﻨﺞ اﻧﺘﺨﺎب ﮐﻨﯿﺪ .در ﺻﻮرﺗ ﮐﻪ ﻣ ﺎن ﺑﺎزﯾ ﻦ در ﻧﯿﻤﻪی ﺳﻤﺖ راﺳﺖ ﺻﻔﺤﻪ اﺳﺖ ،اﯾﻦ ﻧﻘﻄﻪی ﺗﺼﺎدﻓ را در ﻧﯿﻤﻪی ﭼﭗ ﭘﯿﺪا ﮐﻨﯿﺪ ،در ﻏﯿﺮ اﯾﻨﺼﻮرت در ﻧﯿﻤﻪی راﺳﺖ. .۴ﺑﺎ ﻓﺸﺎر دادن دﮐﻤﻪﻫﺎی ﺟﻬﺖدار ﺑﺎﯾﺪ ﻣ ﺎن ﺑﺎزﯾ ﻦ ﺗﻐﯿﯿﺮ ﮐﻨﺪ .ﺑﺎ ﻫﺮ ﻓﺸﺎر ﺑﺎﯾﺪ ۵ﭘﯿ ﺴﻞ ﻣ ﺎن ﺑﺎزﯾ ﻦ در آن ﺟﻬﺖ ﺟﺎﺑﻪﺟﺎ ﺷﻮد. .۵ﯾ ﻓﺎﯾﻞ ﺻﻮﺗ را ﺑﺎ ﺑﺎرﮔﺬاری ﺻﻔﺤﻪ ﭘﺨﺶ ﮐﻨﯿﺪ .ﺑﻠﻨﺪی ﺻﺪای اﯾﻦ ﻓﺎﯾﻞ ﺻﻮﺗ در اﺑﺘﺪا ﺑﺎﯾﺪ ﺑﺮاﺑﺮ ﺻﻔﺮ ﺑﺎﺷﺪ ﮐﻪ ﻫﯿﭻ ﺻﺪاﯾ ﺷﻨﯿﺪه ﻧﺸﻮد ،ﺑﺎ ﻧﺰدﯾ ﺷﺪن ﺑﺎزﯾ ﻦ ﺑﻪ ﮔﻨﺞ ﺑﻠﻨﺪی ﺻﺪا ﺑﺎﯾﺪ اﻓﺰاﯾﺶ ﭘﯿﺪا ﮐﻨﺪ. .۶ﺗﺎﺑﻊ اﻓﺰاﯾﺶ ﺻﺪا ﺑﺎ ﻧﺰدﯾ ﻣﻮارد زﯾﺮ اﺳﺖ: ﺷﺪن ﺑﻪ ﮔﻨﺞ را ﺑﻪ اﻧﺘﺨﺎب ﺧﻮدﺗﺎن ﻃﺮاﺣ ﮐﻨﯿﺪ .ﺗﻨﻬﺎ ﺷﺮاﯾﻂ اﻟﺰاﻣ اﯾﻦ ﺗﺎﺑﻊ )آ( ﻣﻘﺪار ﺻﻔﺮ ﺑﺮای ﻓﺎﺻﻠﻪی آﻏﺎزﯾﻦ و ﻫﻤﭽﻨﯿﻦ ﻓﺎﺻﻠﻪﻫﺎی ﺑﯿﺶﺗﺮ از اﯾﻦ ﻓﺎﺻﻠﻪ )ب( ﻣﻘﺪار ﯾ ﺑﺮای ﻓﺎﺻﻠﻪی ﺻﻔﺮ )ج( ﺻﻌﻮدی ﺑﻮدن ﺗﺎﺑﻊ .٧ﺑﺎ ﭘﺎﯾﺎن ﯾﺎﻓﺘﻦ ﻓﺎﯾﻞ ﺻﻮﺗ ،ﺑﺎﯾﺪ ﺑﻪ ﻃﻮر ﺧﻮدﮐﺎر ﭘﺨﺶ آن از اﺑﺘﺪا ﺷﺮوع ﺷﻮد. .٨در ﺻﻮرﺗ ﮐﻪ ﻓﺎﺻﻠﻪی ﺑﺎزﯾ ﻦ از ﻣ ﺎن ﮔﻨﺞ ﮐﻤﺘﺮ از ١٠ﭘﯿ ﺴﻞ ﺷﻮد ،ﺑﺎزی ﺗﻤﺎم ﻣ ﺷﻮد .ﺑﺎ ﻧﻤﺎﯾﺶ ﯾ ﭘﯿﺎم ﺑﺎﯾﺪ اﺗﻤﺎم ﺑﺎزی ﺑﻪ ﮐﺎرﺑﺮ اﻋﻼم ﺷﻮد. ﺗﻤﺎﻣ ﻣﺘﻐﯿﺮﻫﺎ و ﺗﻮاﺑﻊ ﺧﻮد را درون ﯾ ﻓﻀﺎی ﻧﺎم ) (namespaceواﺣﺪ ﻗﺮار دﻫﯿﺪ ،ﻃﻮری ﮐﻪ ﺗﻨﻬﺎ ﻋﻨﺼﺮ اﺿﺎﻓﻪ ﺷﺪه ﺑﻪ ﺣﻮزهی globalﺻﻔﺤﻪ ﻫﻤﯿﻦ ﯾ ﻓﻀﺎی ﻧﺎم ﺑﺎﺷﺪ. ٣ ﻧ ﺎت ﻧﻬﺎﯾ • اﯾﻦ ﺗﻤﺮﯾﻦ را ﺑﺎﯾﺪ ﺑﺎ ﮐﻤ ﻧﯿﺴﺖ. ﺟﺎوا اﺳ ﺮﯾﭙﺖ ﺧﺎﻟﺺ اﻧﺠﺎم دﻫﯿﺪ و اﺳﺘﻔﺎده از ﻫﯿﭻ ﮐﺘﺎبﺧﺎﻧﻪی ﮐﻤ ﻣﺠﺎز • ﺻﻔﺤﻪای ﮐﻪ ﻃﺮاﺣ ﻣ ﮐﻨﯿﺪ ﺑﺎﯾﺪ ﺑﻪ درﺳﺘ در ﻣﺮورﮔﺮ ﮐﺮوم ﻗﺎﺑﻞ ﻧﻤﺎﯾﺶ ﺑﺎﺷﺪ .ﭘﺸﺘﯿﺒﺎﻧ از ﻣﺮورﮔﺮﻫﺎی دﯾ ﺮ اﺧﺘﯿﺎری اﺳﺖ. • از ﺑﺎﻻ آوردن ﺳﺎﯾﺖ ﺧﻮد ﺑﺮ روی ﻫﺮ ﮔﻮﻧﻪ آدرس ﻋﻤﻮﻣ ﺗﺎ ﻗﺒﻞ از ﻣﻮﻋﺪ ﺗﺤﻮﯾﻞ ﺗﻤﺮﯾﻦ ﺧﻮدداری ﮐﻨﯿﺪ. • ﺳﻮاﻻت ﺧﻮد را در ﺳﺎﯾﺖ ﭘﯿﺎﺗﺰا ﻣﻄﺮح ﮐﻨﯿﺪ. ۴
© Copyright 2024 Paperzz